導航頁面移動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

回答

相關問題