在后台预加载JQuery UI选项卡

前端之家收集整理的这篇文章主要介绍了在后台预加载JQuery UI选项卡前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所有,

如何在第一个选项卡仍在加载时预加载所有JQuery UI选项卡?我尝试过remote:true选项,但它没有用?在加载选项卡时,每个选项卡名称旁边应该有ajax微调器.

谢谢

解决方法

尝试这样的事情:
$tabs = $('#tabs').tabs({
    cache: true
});
var total = $tabs.find('.ui-tabs-nav li').length;
var currentLoadingTab = 1;
$tabs.bind('tabsload',function(){
    currentLoadingTab++;
    if (currentLoadingTab < total)
        $tabs.tabs('load',currentLoadingTab);
    else
        $tabs.unbind('tabsload');
}).tabs('load',currentLoadingTab);

它使用缓存选项初始化选项卡,以便在加载一次后不重新加载选项卡.然后它找出选项卡的总数,并将下一个要加载的选项卡设置为1(选项卡从0开始编制索引)然后它绑定load事件上的事件以开始加载下一个选项卡,直到它击中所有选项卡.要启动它,然后加载第二个选项卡.

原文链接:https://www.f2er.com/jquery/181529.html

猜你在找的jQuery相关文章