JQueryMobileと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ページ目は基本的に上記と同じです。