“最简单” jQuery Mobile 中的导航
这是我的代码:
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">foo</li>
<li><a href="shoppingCart.htm?step=1&idOcc=123">p1</a></li>
<li><a href="shoppingCart.htm?step=2&idOcc=346">2</a></li>
</ul>
我只想加载另一个页面,如这个页面(第一次查看)。
为什么会挂?
Here's my code:
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">foo</li>
<li><a href="shoppingCart.htm?step=1&idOcc=123">p1</a></li>
<li><a href="shoppingCart.htm?step=2&idOcc=346">2</a></li>
</ul>
I simply want to load the other page, as this one (the first viewed).
Why does it hang?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
如果您不想使用 AJAX 加载其他页面,请将其添加到您的锚标记中:
例如,
当您访问该页面时,可能有多种原因导致页面挂起,但尝试在 AJAX 加载之外查看它是一个好的开始。另外,请确保您使用的是 HTML5 文档类型,因为 jQuery Mobile 需要它。
If you do not with to use AJAX to load the other page, add this to your anchor tag:
E.g.
There could be a number of reasons why the page hangs when you go to it, but trying to view it outside of an AJAX load is a good start. Also, make sure you are using the HTML5 doctype, as jQuery Mobile requires it.
对于其他情况,还有两件事:
确保您使用最新版本的 jQuery Mobile。版本 alpha1 和 alpha2 在加载内容时存在一般问题,版本 alpha2 和 alpha3 在不在服务器上加载本地文件时存在问题。
在引入
data-ajax
之前,使用了rel="external"
并且它仍然有效,我推荐它。Two more things for other cases:
Be sure you use a recent version of jQuery Mobile. Versions alpha1 and alpha2 had general problems with loading content, versions alpha2 and alpha3 had problems loading local files when not on a server.
before
data-ajax
was introduced, arel="external"
was used and it is still valid and I'd recommend it.