このチュートリアルを使用して jQuery Mobile の使用を開始しています: ウィンドウの表示
でも今はわからなくて困っています。
ファイル名index.htmlに以下のコードがある場合、ウィンドウ間を移動できますが、たとえば、という名前のファイルに同じコードがある場合index3.html、これはもう機能しません....
誰も理由を知っていますか？解決策はありますか？
<!DOCTYPE html>
<html>
<head>
<title>Page Title2</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
<div data-role=page id=win>
<!-- Default theme -->
<div data-role=header>
<h1>Default theme</h1>
</div>
<div data-role=content>
<p>
Window content
</p>
<a href=#wina> Goto "a" theme </a>
</div>
</div>
<div data-role=page id=wina data-add-back-btn=true>
<div data-role=header data-theme=a>
<h1> "a" theme </h1>
</div>
<div data-role=content data-theme=a>
<p>
Window content
</p>
<a href=#winb> Goto "b" theme </a>
</div>
</div>
<div data-role=page id=winb data-add-back-btn=true>
<div data-role=header data-theme=b>
<h1> "b" theme </h1>
</div>
<div data-role=content data-theme=b>
<p>
Window content
</p>
<a href=#winc> Goto "c" theme </a>
</div>
</div>
<div data-role=page id=winc data-add-back-btn=true>
<div data-role=header data-theme=c>
<h1> "c" theme </h1>
</div>
<div data-role=content data-theme=c>
<p>
Window content
</p>
<a href=#wind> Goto "d" theme </a>
</div>
</div>
<div data-role=page id=wind data-add-back-btn=true>
<div data-role=header data-theme=d>
<h1> "d" theme </h1>
</div>
<div data-role=content data-theme=d>
<p>
Window content
</p>
<a href=#wine> Goto "e" theme </a>
</div>
</div>
<div data-role=page id=wine data-add-back-btn=true>
<div data-role=header data-theme=e>
<h1> "e" theme </h1>
</div>
<div data-role=content data-theme=e>
<p>
Window content
</p>
<p>
End of themes
</p>
</div>
</div>
</body>
</html>
更新
別のページからこのウィンドウにアクセスしたときに問題が発生することに気付きました。のURLを直接入力するindex3.htmlと正常に動作します。他のページのコードは次のとおりです。
<div data-role=content>
<a href=index3.html> Goto default themes</a>
</div>