javascript – 缓存JQuery UI-Tabs Ajax加载的内容？

我使用 JQuery UI Tabs.我所做的是使用Ajax加载每个选项卡的内容,如下所示： http://jqueryui.com/tabs/#ajax

问题：如果用户单击选项卡A,然后再单击选项卡B,然后再单击选项卡A,则选项卡A的内容将加载两次.

是否可以缓存JQuery UI选项卡的内容？

解决方法

尝试使用beforeLoad事件：

$(".selector").tabs({
    beforeLoad: function(event,ui) {
        // if the target panel is empty,return true
        return ui.panel.html() == "";
    }
});

beforeLoad( event,ui )

Triggered when a remote tab is about to be loaded,after the
beforeActivate event. Can be canceled to prevent the tab panel from
loading content; though the panel will still be activated. This event
is triggered just before the Ajax request is made,so modifications
can be made to ui.jqXHR and ui.ajaxSettings.

Note: Although ui.ajaxSettings is provided and can be modified,some of these settings have already been processed by jQuery. For example,prefilters have been applied,data has been processed,and type has been determined. The beforeLoad event occurs at the same time,and therefore has the same restrictions,as the beforeSend callback from jQuery.ajax().