jQuery Mobile点击锚标签后不移动到下一页

Question

我正在使用jQuery移动框架实现一个移动网站。但当我点击锚定标签时，页面将无法正常加载，屏幕截图中会显示一个空白的白色页面。

jQuery和jQuery移动脚本标签：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

我的JSP页面：

<a href="<c:url value="/${cityName}/cakes/c/4"/>">
    <img class="img-responsive center-block" src="/sf/assets/img/app/city-home/cake.jpg" alt="cakes" > 
</a>

单击锚标记后，控件进入控制器（Java），然后控制器将返回一个JSP页面；但是，会显示一个空白页。如果重新加载页面，则数据显示正确。

下一行使控件转到m-category-page：

退货“/目录/m-类别-产品”；

但是第一次这个页面没有任何内容，但是，在重新加载页面后，内容被加载。点击锚定标签后，下一页将显示所有数据。

Answer 1

默认情况下，jQuery Mobile增强了所有链接标签，使它们通过ajax加载页面；因此，减少页面加载时间并“提高性能”。看看这个。

ajaxEnabled boolean，默认值：true
jQuery Mobile将在可能的情况下通过Ajax自动处理链接点击和表单提交。如果为false，URL哈希侦听也将被禁用，URL将作为普通HTTP请求加载。

您可以通过向链接添加data-ajax="false"属性来禁用单个标记的ajax增强。也可以像这样全局禁用它：

$(document).on("mobileinit", function() {  
    $.mobile.ajaxEnabled = false;
});