0

请帮助我在更改页面后继续引导浏览。这是我的 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>

这是 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>

在第 4 步之后，引导程序游览重定向到第 2 页，但弹出框消失了，游览停止了。我试图改变路径，但无法解决任何问题。任何有经验的引导之旅，请帮助，谢谢

4

1 回答 1

0

最后一步有 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"
    }
于 2014-10-08T13:08:26.260 回答