Method setStep - Starting From Specified Step | iGuider Product Tour

This method only works for a running tour.
Therefore, before using it, you must first call the tour.

Step 1 Step 2 Step 3

Element 1 Element 2 Element 3

Source

<script src="../js/jquery-3.1.1.min.js"></script>

<link rel="stylesheet" href="../css/iGuider.css">
<script src="../js/jquery.iGuider.js"></script>

<link rel="stylesheet" href="../themes/material/iGuider-theme-material.css">
<script src="../themes/material/iGuider-theme-material.js"></script>	
	
<script>
$(window).on('load',function(){
	/* This variable contains the parameters of tour */
	var tourOpt = {
		tourTitle:'Method "setStep"',					
		tourMap:{
			open:true
		},
		steps:[{
			title:'Step 1',				
			content:'Step 1 Description',	
			target:'el-1'	
		},{
			title:'Step 2',
			content:'Step 2 Description',		
			target:'el-2'
		},{
			title:'Step 3',		
			content:'Step 3 Description',		
			target:'el-3'
		}]
	}
	
	/* This function calls tour from step 1 */
	/* by clicking on a button. */
	$('.setStep-1').on('click',function(){
		iGuider(tourOpt)
		iGuider('setStep',1)
		return false;
	});
	
	/* This function calls tour from step 2 */
	/* by clicking on a button. */
	$('.setStep-2').on('click',function(){
		iGuider(tourOpt)
		iGuider('setStep',2)
		return false;
	});
	
	/* This function calls tour from step 3 */
	/* by clicking on a button. */
	$('.setStep-3').on('click',function(){
		iGuider(tourOpt)
		iGuider('setStep',3)
		return false;
	});

})
</script> 

<p>
	</p><div style="z-index:999999; position:relative; pointer-events:auto;">
		<a class="btn-s setStep-1" href="#">Step 1</a>
		<a class="btn-s setStep-2" href="#">Step 2</a>
		<a class="btn-s setStep-3" href="#">Step 3</a>
	</div>
<p></p>
<span class="custom-element" data-target="el-1">Element 1 </span>	
<span class="custom-element" data-target="el-2">Element 2 </span>	
<span class="custom-element" data-target="el-3">Element 3 </span>