0

我的 UI 选项卡有问题,当我使用带有 ajax url 的添加功能时,新选项卡在我单击它或使用选择功能之前不会加载,有没有办法在我使用之前先完成 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);

注意:主要关注的是,如何在完成加载/渲染后选择选项卡。

4

0 回答 0