jquery ui 1.7 ui.tabsの動的追加と閉じる（ボタンで閉じる、ダブルクリックで閉じる）_jquery

コードをコピー コードは次のとおりです。

$(document).ready(function(){
$ ('#tabs').tabs({add:addEventHandler}); // addEventHandler イベントをタブ ブロックにバインドします
$('#newtabs').click(addTab);
var tabCounter = 1;
function addTab(){
if(tabCounter > 6){
alert('タブは 6 つまでです!'); >}
$('

' '新しいタブ' tabCounter '

').appendTo('#tabs'); $('# tabs').tabs("add","#new-tab-" tabCounter,'新しいタブ' tabCounter);
tabCounter(event,ui);
var li = $(ui.tab).parent();
$('') //閉じるボタン
.appendTo(li)
.hover(function(){
var img = $(this);
img.attr('src','close_hover2.png');
},
function() {
var img = $(this);
img.attr('src','close.png')
}
)
.click(function(){ //閉じるボタン、イベント バインディングを閉じます。 >$( "#tabs").tabs("remove",index);
tabCounter--;
$(ui.tab).dblclick(function(){ //Double -クリックしてイベント バインディングを閉じます。
var li = $(ui.tab).parent();
varindex = $('#tabs li').index(li.get(0)); 🎜>$("# タブ").tabs("削除",index);
}