jQuery Mobile中的“最简单”导航

时间:2011-04-06 15:53:39

标签: ajax navigation 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>

我只是想加载另一个页面,就像这个页面一样(第一个被查看)。

为什么要挂?

2 个答案:

答案 0 :(得分:3)

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

data-ajax="false"

E.g。

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

当你转到页面时,页面会挂起可能有很多原因,但尝试在AJAX加载之外查看它是一个好的开始。另外,请确保使用HTML5 doctype,因为jQuery Mobile需要它。

<!DOCTYPE html> 

答案 1 :(得分:0)

其他案件还有两件事:

请务必使用最新版本的jQuery Mobile。版本alpha1和alpha2在加载内容方面存在一般问题,版本alpha2和alpha3在不在服务器上时加载本地文件时出现问题。

在引入data-ajax之前,使用了rel="external",它仍然有效,我建议使用它。