导航页面移动jquery

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

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文件中的链接时。它使用“PageFirst”重定向到Second.html文件。但我想用“pageSecond”重定向到Second.html文件。如何管理此链接？什么将重定向在那里的网址？你可以提供一些解决方案吗？谢谢！

来源

2014-11-06 daxeshS

使用下面的代码来调用其他的html文件与多个页面。

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

来源

2014-11-06 06:27:43

谢谢mehul回答...它的工作。 – daxeshS 2014-11-06 06:40:19

我达到了提及我的答案......你能帮我解决我在另一个提到的另一个问题......谢谢。 – daxeshS 2014-11-06 07:00:45

如何将所有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>

来源

2014-11-06 05:27:08

我达到了那个提及我的答案......你能帮助我在我的另一个提到的另一个查询...谢谢你。 – daxeshS 2014-11-06 07:00:18

使用您的锚标记的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>

来源

2014-11-06 05:33:21 Kolban

这是不正确的。 Secondpage div不会被加载，因为jQM只会分析每个_external file_中的第一页div。 – Omar 2014-11-06 06:15:42

奥马尔是正确的...我想加载单个HTML文件的任何页面。它将通过defaukt加载第一页。 – daxeshS 2014-11-06 06:23:33

@Omar Howdy Omar。谢谢你的回应，但我试过了，它似乎工作得很好？ – Kolban 2014-11-06 06:24:02

回答

相关问题