单击锚标记后，jQuery Mobile 不会移动到下一页

Question

我正在使用 jQuery 移动框架来实现移动网站。但是当我点击一个锚标签时，页面将无法正确加载，并且会出现一个空白页面，如屏幕截图所示。

jQuery 和 jQuery Mobile 脚本标签：

<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：

return "/catalog/m-category-products";

但是第一次这个页面没有任何内容，但是，重新加载页面后，内容加载了。单击锚标记后，下一页应显示所有数据。

Answer 1

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

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

您可以通过将data-ajax="false" 属性添加到您的链接来为单个标签禁用此 ajax 增强功能。您也可以像这样全局完全禁用它：

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