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：

返回「/目錄/米類產品」;

但是，這個頁面第一次沒有任何內容，但是在重新加載頁面之後，內容被加載了。點擊錨標籤後，下一頁應顯示所有數據。

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; 
});