tour.goTo (i) ne fonctionne pas

Question

Voici ma référence Code:

J'utilise Bootstrap tour pour mon application.

Exigence:

• Je suis sur la première étape lorsque je clique sur suivant puis il vérifie la valeur de « # ID2 ». Si la valeur id2 n'est pas vide, elle doit passer cette étape et passer directement à la 3ème étape.

Pour cela, je suis en train tour.goTo (3). Mais cela ne fonctionne pas. Toute aide?

tour.addSteps([ 
     { 
      element:" #id1", 
      title: "1", 
      content: "1st Content.", 
      placement: "top", 
      onShow: function() { 
       console.log('This is Onshow Function'); 
      }, 
      onNext: function() {  
       client_text = $('#id2').text(); 
       if(client_text != ''){ 
        console.log('----------client code present----------'); 
        tour.goTo(3) 
        //tour.next(); 
        //tour.hideStep(2) 
        return false 
       } 
       else{ 
        console.log('-------client code not present--------'); 
       } 
      }, 
      onHidden:function() {  
       tour.hideStep(2) 
       } 
     }, 
     { 
      element:" #id2", 
      title: "2", 
      content: "2nd Content", 
      placement: "top", 
      onShow: function() { 
       console.log('second step');   
      } 
     }, 
     { 
      element:" #id3", 
      title: "3", 
      content: "3rd Content", 
      placement: "top",   
      onShow: function() { 
       console.log('third step');   
      }   
     } 
    ]); 

Answer 1

J'ai tripoté avec elle et il semble que vous devriez mettre la logique goTo() sur l'étape que vous voulez sauter:

HTML

<div id="id1">One</div> 
<div id="id2">Two</div> 
<div id="id3">Three</div> 

JS

var tour = new Tour(); 

tour.addSteps([ 
     { 
      element:" #id1", 
      title: "1", 
      content: "1st Content.", 
      placement: "top", 
      onShow: function() { 
       console.log('This is Onshow Function'); 
      }, 
     }, 
     { 
      element:" #id2", 
      title: "2", 
      content: "2nd Content", 
      placement: "top", 
      onShow: function() { 
       console.log('second step');   
      }, 
      onShown: function() {  
       client_text = $('#id2').text(); 
       if(client_text != ''){ 
        console.log('----------client code present----------'); 
        tour.goTo(2)  
       } 
       else{ 
        console.log('-------client code not present--------'); 
       } 
      }, 
     }, 
     { 
      element:" #id3", 
      title: "3", 
      content: "3rd Content", 
      placement: "top",   
      onShow: function() { 
       console.log('third step');   
      }   
     } 
    ]); 

tour.init(); 

tour.restart();