jquery mobile，结合jquery mobile“页面”和内部页面

Posted 2023-05-09

【中文标题】jquery mobile，结合jquery mobile“页面”和内部页面

【英文标题】：jquery mobile, combine jquery mobile "pages" and internal pages

【发布时间】：2011-12-28 21:49:52

【问题描述】：

我的网站的 jQuery Mobile 版本有一个 index.php 文件。里面是两个伪页面。一 内容（动态生成）；另一个站点地图。使用#(hash) 链接我可以在两者之间来回切换。

但是，除非我关闭 AJAX 导航，否则内容区域内指向同一域中其他 URL（不是同一文档中的 jQuery 伪页面）的链接将不起作用。但是我的# 链接不起作用。

我怎样才能让我的# 链接在同一文档中的“页面”之间工作，同时仍然允许不使用哈希但留在同一域中的链接工作？

【问题讨论】：

您必须在那些 external 链接中禁用 ajax。在 a 元素中使用 rel="external" 或 data-ajax="false"。

【参考方案1】：

您可以使用 jQuery Mobile 文档的这一部分中描述的方法选择性地禁用链接的 AJAX 链接：http://jquerymobile.com/demos/1.0rc2/docs/pages/page-links.html

指向其他域或具有 rel="external" 的链接， data-ajax="false" 或目标属性不会被 Ajax 加载。 相反，这些链接会导致整页刷新而没有 动画过渡。