在每次點擊時停止加載Jquery UI ajax標籤內容

Question

有沒有什麼方法可以在每次單擊時停止在Jquery UI選項卡中加載ajax內容。

Answer 1

我想你不想每次使用ajax加載文檔。 比你可以啓用緩存選項爲true。 它只會將文檔加載一次並將其保存在緩存中。 http://jqueryui.com/demos/tabs/#option-cache

$(".selector").tabs({ cache: true }); 

Answer 2

如果你正在服用的AJAX的護理要求自己，你可以只保存

$ Ajax調用的一個變量是這樣的：

var ajaxrequest = null; 

...每次更改制表符，如果存在，則終止先前的呼叫，然後發出請求

if(ajaxrequest){ 
    ajaxrequest.abort(); 
} 
ajaxrequest = $.ajax(.....); 

Answer 3

我正面臨同樣的問題，我想我已經找到了答案。

只要保留已經加載的選項卡列表，並在JQuery想要再次加載時取消加載事件。

var loaded = []; 

    $("#tabs").tabs({ 
     beforeLoad: function(event, ui) { 
      if ($.inArray(ui.ajaxSettings.url, loaded) === -1) { 
       loaded.push(ui.ajaxSettings.url); 
      } else { 
       event.preventDefault(); 
      } 
    };