“最简单” jQuery Mobile 中的导航

发布于 2024-10-30 06:50:50 字数 392 浏览 5 评论 0原文

这是我的代码:

<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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

倾城泪 2024-11-06 06:50:50

如果您不想使用 AJAX 加载其他页面,请将其添加到您的锚标记中:

data-ajax="false"

例如,

<a href="shoppingCart.htm?step=1&idOcc=123" data-ajax="false">p1</a>

当您访问该页面时,可能有多种原因导致页面挂起,但尝试在 AJAX 加载之外查看它是一个好的开始。另外,请确保您使用的是 HTML5 文档类型,因为 jQuery Mobile 需要它。

<!DOCTYPE html> 

If you do not with to use AJAX to load the other page, add this to your anchor tag:

data-ajax="false"

E.g.

<a href="shoppingCart.htm?step=1&idOcc=123" data-ajax="false">p1</a>

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.

<!DOCTYPE html> 
我很坚强 2024-11-06 06:50:50

对于其他情况,还有两件事:

确保您使用最新版本的 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, a rel="external" was used and it is still valid and I'd recommend it.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文