私のアプリケーションには、ナビゲーション バー (app2.html) のある新しいページにつながるボタン (app.html 上) があります。ナビゲーションには、内部 div "page2" を表示する必要がある内部リンク (ツールバー 2) があります。
ボタンから changePage() を使用すると、ナビゲーションをクリックしてもコンテンツを表示できません。reloadPage が機能していないようです。
app.html は次のようになります。
<body>
<!-- Home -->
<div data-role="page" id="page3">
<div data-role="content">
<a id="asdf" data-role="button" name="asdf">
Button
</a>
</div>
</div>
<script>
$('#asdf').click(function(){
$.mobile.changePage('app2.html', {transition: "slidedown", reloadPage: true, changeHash: true });
});
</script>
</body>
これは私の app2.html です:
<body>
<!-- Home -->
<div data-role="page" id="page1">
<div data-role="content">
<div id="navigation" data-role="navbar" data-iconpos="right">
<ul>
<li>
<a href="app.html" data-theme="" data-icon="">
Toolbar1
</a>
</li>
<li>
<a href="#page2" data-theme="" data-icon="check">
toolbar 2
</a>
</li>
<li>
<a href="app.html" data-theme="" data-icon="">
Toolbar 3
</a>
</li>
</ul>
</div>
</div>
</div>
<div data-role="page" id="page2">
<div data-role="content">
<div data-role="header">
<h3>asdfasd</h3>
</div>
</div>
</div>
</body>
問題はどこですか?jQuerymobile 1.1.1 と jQuery 1.7.1 を使用しています。