Question

我有单独的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();
    }
});
});

Answer 1

只有点击了＆＃39;＃taketour＆＃39; 元素后，您的导览才会开始。当您转到下一页时，导览尚未开始。因此你也不会在屏幕上看到它。

你可能必须做这样的事情，

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

检查游览是否尚未结束，从而在上一页中从您离开的地方开始游览。这显然仅适用于您没有设置存储：false 创建新游览时。

多页的bootstrap tour。重定向但不开始下一页游览

1 个答案: