欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery ui 1.7 ui.tabs 動態(tài)添加與關(guān)閉(按鈕關(guān)閉+雙擊關(guān)閉)

 更新時(shí)間：2010年04月01日 23:51:44   作者：  
jquery ui 1.7 ui.tabs 動態(tài)添加與關(guān)閉(按鈕關(guān)閉+雙擊關(guān)閉)實(shí)現(xiàn)代碼，需要的朋友可以參考下。
復(fù)制代碼 代碼如下:

$(document).ready(function(){
$('#tabs').tabs({add:addEventHandler}); //給tabs塊綁定addEventHandler事件
$('#newtabs').click(addTab);
})
var tabCounter = 1;
function addTab(){
if(tabCounter > 6){
alert('tabs can not more than 6!');
return;
}
$('<div id="new-tab-'+tabCounter+'">'+'New tab'+tabCounter+'</div>').appendTo('#tabs');
$('#tabs').tabs("add","#new-tab-"+tabCounter,'New tab'+tabCounter);
tabCounter++;
}
function addEventHandler(event,ui){
var li = $(ui.tab).parent();
$('<img src="close.gif"/>') //關(guān)閉按鈕
.appendTo(li)
.hover(function(){
var img = $(this);
img.attr('src','close_hover2.png');
},
function(){
var img = $(this);
img.attr('src','close.png');
}
)
.click(function(){ //關(guān)閉按鈕,關(guān)閉事件綁定
var li = $(ui.tab).parent();
var index = $('#tabs li').index(li.get(0));
$("#tabs").tabs("remove",index);
tabCounter--;
});
$(ui.tab).dblclick(function(){ //雙擊關(guān)閉事件綁定
var li = $(ui.tab).parent();
var index = $('#tabs li').index(li.get(0));
$("#tabs").tabs("remove",index);
tabCounter--;
});
}

相關(guān)文章

最新評論