Question

我在将页面从一个.html文件重定向到另一个.html文件时遇到问题。这是我的情况。

First.html
    <html>
    <head>
    </head>
    <body>
    <div id="pageTest" data-role="page">
    <a id="lnkTest" onclick='$.mobile.changePage("Second.html#pageSecond");' data-ajax="false" data-         transition="slide">Sellers</a>
    </div>
    </body>
    </html>

Second.html
    <html>
    <head>
    </head>
    <body>
        <div id="pageFirst" data-role="page">
        </div>
    <div id="pageSecond" data-role="page">
        </div>
    <div id="pageThird" data-role="page">
        </div>
    </body>
</html>

当我点击First.html文件中的链接时。它使用＆＃34; PageFirst＆＃34;重定向到Second.html文件。但我想用“pageSecond”重定向到Second.html文件。我该如何管理此链接？重定向的网址是什么？你能提供一些解决方案吗？谢谢！

Answer 1

如何将所有First.html和Second.html放在一个页面中并通过id调用。这项工作小。我总是这样做而不会去不同的文件。只使用一页就太容易了。

<html>
<head>
</head>
<body>
   <div id="pageTest" data-role="page">
        <a id="lnkTest" onclick='$.mobile.changePage("#pageSecond");' data-ajax="false" data-         transition="slide">Sellers</a>
</div>
    <div id="pageFirst" data-role="page">
    </div>
<div id="pageSecond" data-role="page">
    </div>
<div id="pageThird" data-role="page">
    </div>
</body>

Answer 2

在锚标记上使用onclick处理程序不是执行链接的当前方式。相反，请尝试以下方法：

<a id="lnkTest" href="page2.html#pageSecond">Sellers</a>

“href”的使用将被jQuery mobile解释为正确转换到目标HTML文件和页面。事实上，文档现在说changePage已被弃用。

使用以下两个文件进行了测试

<强> page1.html

<body>
    <div id="pageTest" data-role="page">
        <a id="lnkTest" href="page2.html#pageSecond" data-ajax="false" data-transition="slide">Sellers</a>
    </div>
</body>

<强> page2.html

<body>
    <div id="pageFirst" data-role="page">pageFirst</div>
    <div id="pageSecond" data-role="page">pageSecond</div>
    <div id="pageThird" data-role="page">pageThird</div>
</body>

Answer 3

使用以下代码调用具有多个页面的其他html文件。

<a id="lnkTest" href="page2.html#pageSecond" data-ajax="false">Seller</a>

导航页面移动jquery

3 个答案: