Twitter bootstrap BootstrapTour在不同页面之间导航prblm_Twitter Bootstrap_Bootstrap Tour

Twitter bootstrap BootstrapTour在不同页面之间导航prblm

twitter-bootstrap

Twitter bootstrap BootstrapTour在不同页面之间导航prblm,twitter-bootstrap,bootstrap-tour,Twitter Bootstrap,Bootstrap Tour,我正在使用引导程序。。它在单个页面上运行良好，在“下一步”按钮的帮助下，可以高效地从一个页面（first.html）切换到另一个页面（second.html）。。。问题是，当我按下“上一页”按钮（在second.html上）时，它永远不会进入first.html页面。。有什么办法解决这个问题吗我的代码在下面 newly.html（第一页）经过我头脑中的一个快速逻辑和花了一天的时间终于找到了答案我自己。。。只有一句话让我一整天都被卡住了：|：：编辑第二步或将路径添加到第二步更新的Scrip

我正在使用引导程序。。它在单个页面上运行良好，在“下一步”按钮的帮助下，可以高效地从一个页面（first.html）切换到另一个页面（second.html）。。。问题是，当我按下“上一页”按钮（在second.html上）时，它永远不会进入first.html页面。。有什么办法解决这个问题吗

我的代码在下面

newly.html（第一页）

经过我头脑中的一个快速逻辑和花了一天的时间终于找到了答案我自己。。。只有一句话让我一整天都被卡住了：|：：

编辑第二步或将路径添加到第二步

更新的Script.js

$(function () {
    var tour = new Tour({
        steps: [
        {
            element: "#test",
            title: "Title of my step",
            content: "This is Header"
        },
        {   
            //add path to the second step
            path: "/newly.html",
            element: "#test1",
            title: "Title of my step",
            content: "This is footer"
        },
        {
            path: "/mine.html",
            element: "#dumy",
            title: "Title of my step",
            content: "I made this step own",
           // backdrop: true

        }
        ]
    });
    // Initialize the tour
    tour.init();

    // Start the tour
    tour.start();
});

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
    <link href="build/css/bootstrap-tour-standalone.min.css" rel="stylesheet" />
    <script src="build/js/bootstrap-tour-standalone.min.js"></script>
    <script src="build/js/Script.js"></script>
    <title>mine</title>
</head>
<body>

    <style>
        .man {
            float: left;
            background: red;
            width: 400px;
        }
    </style>
    <div id="dumy" class="man">
        <h1>This is My Self Made Div</h1>
    </div>
</body>
</html>

$(function () {
    var tour = new Tour({
        steps: [
        {
            element: "#test",
            title: "Title of my step",
            content: "This is Header"
        },
        {

            element: "#test1",
            title: "Title of my step",
            content: "This is footer"
        },
        {
            path: "/mine.html",
            element: "#dumy",
            title: "Title of my step",
            content: "I made this step own",
           // backdrop: true

        }
        ]
    });
    // Initialize the tour
    tour.init();

    // Start the tour
    tour.start();
});

$(function () {
    var tour = new Tour({
        steps: [
        {
            element: "#test",
            title: "Title of my step",
            content: "This is Header"
        },
        {   
            //add path to the second step
            path: "/newly.html",
            element: "#test1",
            title: "Title of my step",
            content: "This is footer"
        },
        {
            path: "/mine.html",
            element: "#dumy",
            title: "Title of my step",
            content: "I made this step own",
           // backdrop: true

        }
        ]
    });
    // Initialize the tour
    tour.init();

    // Start the tour
    tour.start();
});