2017-10-09 86 views
-1

我遇到Bootstrap tour問題。Bootstrap Tour只在我滾動頁面時加載

我的問題

當我重定向從一個網頁到另一個init函數將被調用,但不會自動繼續遊覽。因此引導程序巡視不會顯示。該頁面還包含一個AJAX框架,其中內容將在document.ready之後加載。

當我在頁面上滾動一點時,在加載AJAX框架後,遊覽突然顯示出來。

代碼

var quick_tour = undefined, initialized = false; 
$(document).ready(function() { 
    setupTour(); 
}); 

function setupTour() { 
    quick_tour = new Tour({ 
     name: "quick_tour", 
     storage: window.localStorage, 
     steps: [ 
      { 
       element: "#news_container", 
       title: "Part 1", 
       content: "This is the Text number 1", 
       path: "" 
      }, 
      { 
       element: "#brand_title", 
       title: "Part 2", 
       placement: "bottom", 
       content: "And this is number 2", 
       path: "second.php" 
      }, 
     ], 
    }); 
    initTour(); 
} 

function initTour() { 
    if (!initialized) { 
     if (quick_tour === undefined) { 
      setupTour(); 
     } 
     quick_tour.init(); 
     initialized = true; 
    } 
} 

function startTour() { 
    quick_tour.restart(); 
} 

所以#news_container的第1部分我點擊了一個按鈕,調用函數startTour()後,將直接顯示。然後在第一部分後,它將被重定向到第二頁。現在,巡視不會顯示,只有滾動時纔會顯示。

我該怎麼辦?我可以創建一個觸發器來滾動頁面嗎?

謝謝。

回答

0

在我嘗試使用事件觸發器$(window).scroll();後,我終於自己修復了這個錯誤。現在我剛更新了initTour功能:

function initTour() { 
    if (quick_tour === undefined) { 
     setupTour(); 
    } 
    quick_tour.init(); 
    $(window).scroll(); //Performs an scroll 
}