在每次点击时停止加载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(); 
      } 
    };