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
}