Question

jquery ui 的tabs能不能有个关闭的小图标啊，和图片中的那个那样

就和这个这样，有没有哪个属性可以设置啊

Answer 1

jquery ui 应该有一个属性控制它

追问

什么属性啊，我没找到

追答

1$(document).ready(function(){
2 $('#tabs').tabs({add:addEventHandler}); //给tabs块绑定addEventHandler事件
3 $('#newtabs').click(addTab);
4
5})
6
7var tabCounter =1;
8function addTab(){
9if(tabCounter >6){
10 alert('tabs can not more than 6!');
11return;
12 }
13 $(''+'New tab'+tabCounter+'').appendTo('#tabs');
14 $('#tabs').tabs("add","#new-tab-"+tabCounter,'New tab'+tabCounter);
15 tabCounter++;
16}
17function addEventHandler(event,ui){
18var li = $(ui.tab).parent();
19 $('') //关闭按钮
20 .appendTo(li)
21 .hover(function(){
22var img = $(this);
23 img.attr('src','close_hover2.png');
24 },
25function(){
26var img = $(this);
27 img.attr('src','close.png');
28 }
29 )
30 .click(function(){ //关闭按钮,关闭事件绑定
31var li = $(ui.tab).parent();
32var index = $('#tabs li').index(li.get(0));
33 $("#tabs").tabs("remove",index);
34 tabCounter--;
35 });
36 $(ui.tab).dblclick(function(){ //双击关闭事件绑定
37var li = $(ui.tab).parent();
38var index = $('#tabs li').index(li.get(0));
39 $("#tabs").tabs("remove",index);
40 tabCounter--;
41 });
42}