2017-09-04 18 views
0

私はブートストラップツアーを持っています。スキップをクリックするとポップオーバーを終了しますが、ツアーボタンをクリックするとツアーを終了しません。私はそれをどうやって?ブートストラップツアーを終了して終了しない

ボタン:

<button class='btn btn-default' data-role='end'>${skip}</button> 

コード:

define(function() { 
    var tourElement = function getTourElement(tour){ 
     return tour._options.steps[tour._current].element 
    }; 

    var getConfig = function (tourSteps) { 
     return { 
      name: "virtual-visit", 
      container: "body", 
      keyboard: true, 
      storage: window.localStorage, 
      debug: true, 
      backdrop: true, 
      backdropContainer: "body", 
      backdropPadding: 0, 
      orphan: true, 
      duration: false, 
      steps: tourSteps 
      onShown: function(tour) { 
       var stepElement = tourElement(tour); 
       $(stepElement).after($('.tour-step-background')); 
       $(stepElement).after($('.tour-backdrop')); 
      }, 
      onStart: function(tour) { 
       $('body').addClass('on-tour'); 
      }, 
      onEnd: function(tour){ 
      } 
     }; 
    }; 

    var run = function (tourSteps) { 
     if ($(window).width() > 1024) { 
      tour = new Tour(getConfig(tourSteps)); 
      tour.restart(); 
      tour.init(); 
      tour.start(); 
     } 
    }; 

    return { 
     run: run, 
     getConfig: getConfig 
    }; 
}); 

感謝。

答えて

0

だけ使用します。

tour.end() 

を "ツアー"

を停止してから使用する:

tour.start(true) 

開始することを強制するために、それは自動的にステップで再開します停止しました

関連する問題