0

我正在使用bootstraptour.com 进行多页浏览。

我有单独的 demo.js，其中包含所有代码并包含在所有两个页面中。

当我单击进行游览按钮时，它会进行游览，当它重定向 next.php 时，它不再显示任何步骤。

当我重定向到另一个页面时，它会停止显示下一步。

它停止游览。

我该如何解决这个多页游览。

代码

$(function(){

    var $demo, duration, remaining, tour;
    $demo = $("#taketour");
    storage:false,
    duration = 5000;
    remaining = duration;

tour = new Tour({
//      //storage : false,
//      onStart: function() {
//          ///return $demo.addClass("disabled", true);
//      },
//      onEnd: function() {
//          return $demo.removeClass("disabled", true);
//      },
    debug:true,     
    name: "tour"
}).init();

tour.addSteps([
    {
        //path:"home.php",
        element: "#a",
        placement: "right",
        title: "step1 ",
        content: "1"
    },
    {
        element: "#b",
        placement: "right",
        title: "s2",
        content: "c2"
    },
        {
        path:'next.php'
        element: "#na",
        placement: "bottom",
        title: "na1",
        content: "na1"
    },
    {
        element: "#nat",
        placement: "bottom",
        title: "na2",
        content: "na2"
    }
    ]);


$("#taketour").click(function(e){
    e.preventDefault();

    console.log("call tour");
    //      if ($(this).hasClass("disabled")) {
    //          return;
    //      }
    tour.restart();
    if (tour.ended()) {
        console.log("tour end");
        tour.restart();
    }
});
});
4

1 回答 1

1

您的游览仅在单击“#taketour”元素时开始。当您转到下一页时，游览尚未开始。因此，您也不会在屏幕上看到它。

你可能不得不做这样的事情，

if(tour.started() && !tour.ended())
    {
        tour.init();
        tour.start();
    }

检查游览是否尚未结束，从而从您在上一页中离开的地方开始游览。这显然只有在创建新游览时没有设置 storage:false时才有效。

于 2014-09-28T11:46:02.770 回答