我的 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: ' <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;'> </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);
注意:主要关注的是,如何在完成加载/渲染后选择选项卡。