Question

我的UI选项卡上有问题，当我使用带有ajax url的add函数时，新的选项卡不会加载，直到我点击它或使用select函数，有没有办法在我之前完成ajax加载选项卡将使用选择？我使用这个$tabs.tabs('select', '#' + ui.panel.id);来添加选项卡，但有时候ajax需要一段时间才能完成并且看起来不太好。

这是我初始化标签的方式：

var $tabs = $(".tabs").tabs({
    ajaxOptions: {
        cache: false,
        success: function(xhr, status) {}
    },
    cache: true,
    spinner: '&nbsp;<img src="<?=base_url()?>images/ajax-loader-small.gif" alt="Loading..."/>',
    tabTemplate: "<li class='override_tabs'><a class='override_tab_anchors' href='#{href}'>#{label}" + "" + "<span><div style='text-align:center; display:none;' class='showarrow' id='#{label}'>" + "<img alt='up arrow' src='<?=base_url()?>images/up_arrow_tab.png'>    " + "</div>" + "</span></a><span class='override_close_icon' style='cursor: pointer;'>&nbsp;&nbsp;&nbsp;</span>" + "</li>",
    add: function(event, ui) {
        $tabs.tabs('select', '#' + ui.panel.id);
    },
    select: function(e, ui) {
        $(".showarrow").hide();
        $(".override_tab_anchors_selected").removeClass('override_tab_anchors_selected');
        return true;
    },
    load: function(e, ui) {}
});

这就是我调用ajax标签的方式

$tabs.tabs("add","<?=base_url()?>index.php/contracts/vieweditcontract/"+contract_id+"/"+contract_id,tab_title);

注意：主要关注的是，如何在完成加载/渲染后选择标签。

Jquery UI选项卡 - ajax选项卡在未单击时不会完成加载

0 个答案: