我正在使用 JQuery Mobile 和 MVC4。
标记:
<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),我可以看到它们在那里但隐藏起来,因为它们应该是。
我在这里想念什么?
编辑
页面内容按要求:
<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页与上面基本相同。