Bootstrap 导览仅在我滚动页面时加载

Question

我的问题

当我从一个页面重定向到另一个页面时，init 函数将被调用，但不会自动继续浏览。因此 bootstrap 游览不会显示。该页面还包含一个 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();
}

所以第 1 部分的 #news_container 将在我单击调用函数 startTour() 的按钮后直接显示。然后在第一部分之后，它将被重定向到第二页。现在导览不会显示，只有当我滚动时才会显示。

我能做什么？我可以创建一个触发器来稍微滚动页面吗？

谢谢。

Answer 1

在我尝试了几次事件触发器后$(window).scroll();，我终于自己修复了这个错误。现在我刚刚更新了 initTour 函数：

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

Bootstrap 导览仅在我滚动页面时加载

Bootstrap Tour only loads when I scroll the page

javascript

jquery

bootstrap-tour