jquery ajax選項卡在點擊後變爲「正在加載...」

在以下代碼中，所有選項卡最初都會顯示其正確的文本（主頁，報告，設置，文檔，支持）。當單擊任何ajax選項卡（主頁，文檔，支持）時，選項卡上的文本將變爲「正在加載...」。但是，2個非Ajax選項卡（報告和設置）保留其文本。我如何防止它進入「正在加載...」爲什麼會發生這種變化？jquery ajax選項卡在點擊後變爲「正在加載...」

<html> 
<head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
    <script> 
    $(document).ready(function() { 
    $("#tabs").tabs(); 
    }); 
    </script> 
</head> 
<script> 
$(document).ready(function() { 
     $("#tabs").tabs({ ajaxOptions: {cache: false}}); 
    } 
</script> 
    <html> 
    <div id="tabs"> 
    <div id="menu"> 
     <ul> 
     <li><a href="home.php" title=Home><span>Home</span></a></li> 
     <li><a href="#report_tabs" title=Reports><span>Reports</span></a></li> 
     <li><a href="#setup_tabs" title=Setup><span>Setup</span></a></li> 
      <li><a href="documentation.php" title=Documentation><span>Documentation</span></a></li> 
      <li><a href="support.php" title=Support><span>Support</span></a></li> 
     </ul> 
    </div> 
    </div> 
    </html>

來源

2010-09-04 rook

我不知道你在做什麼。您是否希望非ajax選項卡在單擊時讀取「正在加載...」或您是否希望ajax選項卡在單擊時不讀取「正在加載...」？ – 2010-09-04 23:00:45

@SimpleCoder尼克釘它。 loading ...文本只停留在那裏。它不會恢復正常。 – rook 2010-09-04 23:06:43

好吧，這是有道理的 – 2010-09-04 23:09:56

您可以設置spinner option到false，或空字符串，像這樣：

$("#tabs").tabs({ 
    ajaxOptions: {cache: false}, 
    spinner: false 
});

你可以在這裏看到if(o.spinner)檢查，任何一項都將失敗，此檢查，避免了更換（同其他數據類型一樣，但是false是IMO的最清晰的意圖）。

來源

2010-09-04 23:00:27

jquery ajax選項卡在點擊後變爲「正在加載...」

回答

相關問題