首页 > 代码库 > jquery mobile href超链接 单击显示error loading page
jquery mobile href超链接 单击显示error loading page
在a标签里添加
data-ajax="false"
或
rel="external"
属性
例：<a data-ajax="false" href=http://www.mamicode.com/"http://www.***.com/help/***.zip">点击下载
详解：
外部页面链接
JQuery Mobile 主动化了创建ajax站点和法度的过程.
默认景象下，当你点击一个链接时会指向一个外部页面（如.products.html）， 然则框架会解析该链接的 href属性然后发出一个ajax恳求（Hijax）并显示正在加载的提示.
若是ajax恳求成功，新页面内容会添加到DOM傍边，所有mobile widget都是主动初始化的，然后新页面会动画过渡显示出来.
若是ajax恳求失败，框架会显示一个小小的错误消息提示（""e""调板的样式），并会在一小段时候内消散， 并且不会破损当前的导航流（译注:即页面不会刷新也不会对进步撤退猬缩按钮有影响）
内部页面链接
单个HTML文档可以包含多个""page""，只须要在一个页面包含 多个data-role="page"的div即可，每个pagediv必须由一个独一的ID （id="foo"） ，而链接到响应页面应用锚记即可（href=http://www.mamicode.com/"＃foo"）.当点击一个链接时， 框架会寻找id为锚记href的内部""page""并显示到当前界面中.
要重视若是你正在经由过程ajax从一个mobile页面链接到一个含有多个内部页面的页面，你须要为该链接添加一个 rel="external" 或者 data-ajax="false" . 该属性告诉框架对页面进行从头加载 ，url hash也将清零.这点十分关键，因为ajax 页面应用 hash（＃）来追踪ajax汗青，当含有多个内部page的页面应用hash 来指导内部page时会产生冲突.
举例来说，一个指向含有多个内部page的页面的链接会像如许:
<a href=http://www.mamicode.com/"multipage.html" rel="external">Multi-page link
这儿有个2 ""page""页面的例子，由两个jQuery Mobile div构建，每个div由其ID来导航，要重视 这些page上的ID只须要支撑内部的页面链接，若是每个页面是分别的HTML文档，这些ID则是可选的. 以下是两个page，在body 元素里面.
<body> <!-- Start of first page --> <div data-role="page" id="foo"> <div data-role="header"> <h1>Foo</h1> </div><!-- /header --> <div data-role="content"> <p>I""m first in the source order so I""m shown as the page.</p> <p>View internal page called <a href=http://www.mamicode.com/"＃bar">bar