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개를 초과할 수 없습니다!')
return; >}
$('

' '새 탭' tabCounter '

').appendTo('#tabs')
$('# tabs').tabs("add","#new-tab-" tabCounter,'새 탭' tabCounter)
tabCounter;
}
function addEventHandler(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(){ // 닫기 버튼, 이벤트 바인딩 닫기
var li = $(ui.tab).parent()
var index = $('#tabs li').index(li.get(0)); >$( "#tabs").tabs("remove",index);
tabCounter--
})
$(ui.tab).dblclick(function(){ //Double -이벤트 바인딩을 닫으려면 클릭하세요
var li = $(ui.tab).parent()
var index = $('#tabs li').index(li.get(0)); 🎜>$("# 탭").tabs("remove",index);
tabCounter--
})
}