Bootstrap Tour загружается только при прокрутке страницы

У меня проблема с туром Bootstrap.

Моя проблема

Когда я перенаправляю с одной страницы на другую, 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(), Затем после первой части он будет перенаправлен на вторую страницу. Теперь тур не отображается, только если я прокручиваю.

Что я могу сделать? Могу ли я создать триггер, чтобы немного прокрутить страницу?

Спасибо.

1 ответ

Решение

После того, как я несколько попытаюсь с триггером события $(window).scroll();Я наконец-то исправил ошибку самостоятельно. Сейчас я только что обновил initTour функция:

function initTour() {
    if (quick_tour === undefined) {
        setupTour();
    }
    quick_tour.init();
    $(window).scroll(); //Performs an scroll
} 
Другие вопросы по тегам