jquery移动多页将无法正常工作

时间:2012-02-04 17:00:12

标签: jquery-mobile multipage

请帮忙,

当从另一个页面调用页面时,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>

3 个答案:

答案 0 :(得分:2)

尝试向属性rel="external"添加锚点。

示例:

<a href="#description" data-role="button" data-icon="star" rel="external">Description</a>

答案 1 :(得分:1)

首先尝试为您的第二页提供<div data-role="page"

答案 2 :(得分:0)

当您从其他页面调用此页面时,会加载该页面的div [data-role =“page”],而不是此多页文件中的其他div!

实际上,确切地说,当您从另一个页面链接到某个页面时,只有您要定位的div中的代码才能通过AJAX拉入,即使您在<head>中使用的JS也无法获取加载。

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