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"首先为您的第二页

于 2012-02-04T17:05:25.027 回答
0

当您从另一个页面调用此页面时，它只加载该页面的 div[data-role="page"]，而不是这个多页面文件中的另一个 div！

实际上准确地说，当你从另一个页面链接到一个页面时，只有你所定位的 div 内的代码通过 AJAX 被拉入，即使你有 JS<head>也不会被加载。

尝试使用外部链接链接到此页面，您会发现它工作正常。

于 2012-02-06T20:35:33.233 回答