关闭jQuery Ui标签

问题描述:

我按照jQuery网站上的说明关闭了jQuery标签,但它不起作用。下面是我的代码片段。关闭jQuery Ui标签

<script type="text/javascript" src="js/ui.tabs.closable.min.js"></script> 

var mainTab = $("#contentTab").tabs({closable: true}); 
$("#checkup").click(function(){ 

mainTab.tabs('add','checkup.php','CheckUp'); 
var newIndex = mainTab.tabs("length") - 1; 
mainTab.tabs("select", newIndex); 
}); 

$("#registration").click(function(){ 

mainTab.tabs('add','reception.php','Registration'); 
var newIndex = mainTab.tabs("length") - 1; 
mainTab.tabs("select", newIndex); 
+0

我不,你试图关闭标签的任何代码,我找不到在官方链接http://jqueryui.com/demos选项可关闭/ tabs /#选项,并通过关闭你的意思是删除它,或者只是打开新的选项卡? – max4ever 2011-04-04 11:24:28

我的解决方案:

function closeTab(tabTitle) { 
$('ul li[role=tab] a').each(function() { 
    var parent = $(this).parent(); 
    if ($('a',parent).text() == tabTitle) { 
    $('span',parent).click(); 
    } 
}); 
}