JQuery Mobile：頁面導航並不總是有效

我正在使用JQuery Mobile和MVC4。JQuery Mobile：頁面導航並不總是有效

MARKUP：

<div data-role="page" data-theme="d" id="main"> 
    <div data-role="header"> 
     <h1>Test Page</h1> 
    </div> 
    <div data-role="content"> 
     <h2>Test Page</h2> 

     <ul data-role="listview" data-inset="true"> 
      <li data-role="list-divider">Navigation</li> 
      <li><a href="#Page1">Page 1</a></li> 
      <li><a href="#Page2">Page 2</a></li> 
     </ul> 
    </div> 
</div> 

@Html.Partial("Page1") 

@Html.Partial("Page2")

比方說，這是在localhost\subpage。當我直接導航到localhost\subpage時，一切都很好，我可以在頁面之間導航。但是，如果我通過鏈接從另一個頁面訪問此頁面，則導航不再起作用..我無法導航到#page1或#page2了......而當我使用Firebug時，我可以看到頁面甚至不在DOM中...而在第一種情況下（直接URL），我可以看到它們在那裏，但是隱藏起來，因爲它們應該是。

我在這裏錯過了什麼？作爲請求

EDIT

網頁內容：

<div data-role="page" data-theme="d" id="Page1" data-url="Page1"> 
    <div data-role="header"> 
     <h1>Page 1</h1> 
    </div> 
    <div data-role="content"> 
    <p>This is page 1</p> 
</div>

頁2基本與上述相同。

來源

2013-02-24 Matt

好的，你可以試試這個：@ Html.Partial（「〜/ Page1」）和@ Html.Partial（「〜/ Page2」），但我不知道它會有幫助。試試看併發佈會發生什麼 – freshbm 2013-02-24 14:58:19

這沒有幫助，但無論如何感謝。 – Matt 2013-02-24 15:08:03

你可以發佈你打過的鏈接的代碼嗎？ – freshbm 2013-02-25 15:44:52

解決方案是將data-ajax="false"添加到錨標籤。現在工作正常...

來源

2013-02-27 11:13:42 Matt

JQuery Mobile：頁面導航並不總是有效

回答

相關問題