Fatal编程技术网

Twitter bootstrap 引导程序在更改路径后停止工作

twitter-bootstrap path

Twitter bootstrap 引导程序在更改路径后停止工作,twitter-bootstrap,path,bootstrap-tour,Twitter Bootstrap,Path,Bootstrap Tour,请帮助我在更改页面后继续引导程序。这是我的page1.html代码 <body> <div> Page 1 <a class="btn btn-default"> Start the Tour </a> <br/> <span id="element1">First Element </span> <br/><br/&

请帮助我在更改页面后继续引导程序。这是我的page1.html代码

<body>
<div>
Page 1
   <a class="btn btn-default"> Start the Tour </a>

                <br/>

        <span id="element1">First Element </span>


        <br/><br/><br/><br/><br/><br/><br/><br/><br/>

        <span id="element2">Second Element</span>

        <br/><br/><br/><br/><br/><br/><br/><br/><br/>

        <span id="element3">Third Element</span>

<br/><br/><br/>
</div>
        <a href="https://google.com"> Google.com </a>

</body>


<script type="text/javascript">
var tour1 = new Tour({
    orphan:false,
    debug:true,
    backdrop:true,
    orphan:true,
    keyboard:true,
    name:'tour1',
  steps: [
        {
            path:"",
            element: "#element1",
            title: "Title of my step 1",
            content: "Content of 1"
        },
        {
            path:"",
            element: "#element2",
            title: "Title of my step 2",
            content: "Content of 2"
        },
        {
            path:"",
            element: "#element3",
            title: "Title of my step 3",
            content: "Content of 3"
        },
        {
            path:"page2.html",
            element: "#element4",
            title: "Manage People",
            content: "This is the Manage People title page"
        }
]});

// Initialize the tour
tour1.init();

// Start the tour
tour1.start();
    </script>


第1页
var tour1=新巡回赛({
孤儿：错，
是的，
背景：没错，
孤儿：是的，
键盘：没错，
名称：'tour1'，
步骤：[
{
路径：“”，
元素：“#元素1”，
标题：“我的第一步的标题”，
内容：“1的内容”
},
{
路径：“”，
元素：“#元素2”，
标题：“我的步骤2的标题”，
内容：“内容2”
},
{
路径：“”，
元素：“#元素3”，
标题：“我的第三步的标题”，
内容：“3的内容”
},
{
路径：“page2.html”，
元素：“#元素4”，
标题：“管理人员”，
内容：“这是管理人员标题页”
}
]});
//初始化巡更
tour1.init（）；
//开始旅行
tour1.start（）；
这是page2.html

<body>
Page 2

                <br/>

        <span id="element4">Fourth Element </span>


        <br/><br/><br/><br/><br/><br/><br/><br/><br/>

        <span id="element5">Fifth Element</span>

        <br/><br/><br/><br/><br/><br/><br/><br/><br/>

        <span id="element6">Sixth Element</span>


</body>
<script type="text/javascript">
var tour1 = new Tour({
    orphan:false,
    debug:true,
    backdrop:true,
    orphan:true,
    keyboard:true,
    name:'tour1',
  steps: [
        {
            path:"",
            element: "#element1",
            title: "Title of my step 1",
            content: "Content of 1"
        },
        {
            path:"",
            element: "#element2",
            title: "Title of my step 2",
            content: "Content of 2"
        },
        {
            path:"",
            element: "#element3",
            title: "Title of my step 3",
            content: "Content of 3"
        },
        {
            path:"page2.html",
            element: "#element4",
            title: "Manage People",
            content: "This is the Manage People title page"
        }
]});

// Initialize the tour
tour1.init();

// Start the tour
tour1.start();
</script>


第2页


第四要素













第五要素













第六元素
var tour1=新巡回赛({
孤儿：错，
是的，
背景：没错，
孤儿：是的，
键盘：没错，
名称：'tour1'，
步骤：[
{
路径：“”，
元素：“#元素1”，
标题：“我的第一步的标题”，
内容：“1的内容”
},
{
路径：“”，
元素：“#元素2”，
标题：“我的步骤2的标题”，
内容：“内容2”
},
{
路径：“”，
元素：“#元素3”，
标题：“我的第三步的标题”，
内容：“3的内容”
},
{
路径：“page2.html”，
元素：“#元素4”，
标题：“管理人员”，
内容：“这是管理人员标题页”
}
]});
//初始化巡更
tour1.init（）；
//开始旅行
tour1.start（）；
第4步之后，引导程序重定向到第2页，但弹出窗口消失，程序停止。我试图改变道路，但解决不了任何问题。任何有过引导教程经验的人，请提供帮助，谢谢

在最后一步中，您有两条路径：

{ 
        path:"page2.html",
        element: "#element4",
        path:"page2.html",  
        title: "Manage People",
        content: "This is the Manage People title page"
    }
应该是这样的：

{
        path:"page2.html",
        element: "#element4",
        title: "Manage People",
        content: "This is the Manage People title page"
    }
抱歉，在我的代码中，我删除了冗余路径，但是当页面在步骤中位于同一路径时，例如：步骤4和page2.html。这是一个无限的重定向循环，它只是一遍又一遍地重定向到page2.html，也许它没有意识到这一步是在正确的路径上？“tour.restart（）；”应该是“tour.start（）；”我刚刚编辑了我的代码，已经将其更改为start（），在Chrome中，当它在第2页第4步循环时，在firefox中它什么也不做。你的帖子中没有足够的信息来解决它。你需要发布更多的代码、JSFIDLE或链接。请不要使用“bootstrap”标签，使用“twitter bootstrap”，因为它意味着其他东西