3

助けてください、

jquery mobile multipage は、ページが別のページから呼び出されたときに機能しません。ボタンを表示するだけで、クリックしても内部ページには移動しません。ページが直接アクセスされている場合は問題なく動作します。

<!-- Page 1-->
<div data-role="page" id="description" data-title="Description">
<div data-role="header"  data-position="fixed" data-theme="d">
<!-- header 1-->`enter code here`
</div>  
</div>
<div data-role="content">
<!--- content 1-->
</div>
<div data-role="footer"  data-position="fixed" data-theme="d">
<div data-role="navbar"  data-iconpos="bottom">
<ul>
<li><a href="#description" data-role="button" data-icon="star">Description</a></li>
<li><a href="#physicians" data-role="button" data-icon="star">Physicians</a></li>
</ul>
</div>
</div>
</div>

<!-- Page 2-->
<div id="Physicians" data-role="page" data-title="Physicians">
<div data-role="header"  data-position="fixed" data-theme="d">
<!-- header 2 -->
</div>
<div data-role="content">
<!-- content 2 -->
</div>
<div data-role="footer"  data-position="fixed" data-theme="d">
<div data-role="navbar"  data-iconpos="bottom">
<ul>
<li><a href="#description" data-role="button" data-icon="star" data-transition="pop">Description</a></li>
<li><a href="#physicians" data-role="button" data-icon="star" data-transition="pop">Physicians</a></li>
</ul>
</div>
</div>
</div>
4

3 に答える 3

2

属性をアンカーに追加してみてくださいrel="external"。

例：

<a href="#description" data-role="button" data-icon="star" rel="external">Description</a>
于 2012-09-11T17:39:39.940 に答える
1

<div data-role="page"2 番目のページを最初に指定してみてください

于 2012-02-04T17:05:25.027 に答える
0

別のページからこのページを呼び出すと、そのページのdiv [data-role = "page"]のみが読み込まれ、このマルチページファイルの他のdivは読み込まれません。

実際、正確には、別のページからページにリンクすると、対象のdiv内のコードのみがAJAXを介してプルされます。これには、JSが含まれていても<head>ロードされません。

外部リンクを使用してこのページにリンクしてみてください。正常に機能することがわかります。

于 2012-02-06T20:35:33.233 に答える