jquery里tab的close事件怎么用？

[C4FE4597464E1BAA]

网上找不到例子，而且api也没写，不知道怎么用
还有怎么使存在的tab显示出来啊

[C4FE4597464E1BAA]

引用 1 楼 ILOVE_ASPNET 的回复:

[quote=引用 楼主 scookiem 的回复:] 网上找不到例子，而且api也没写，不知道怎么用 还有怎么使存在的tab显示出来啊

$("#tt").tabs("close","title")[/quote]就是easyui，但是这个应该写在哪个函数里面呢？？我以为是写在创建tab的时候onclose：function（）{}

[一片冰心在玉壶]

引用 4 楼 scookiem 的回复:

[quote=引用 1 楼 ILOVE_ASPNET 的回复:] [quote=引用 楼主 scookiem 的回复:] 网上找不到例子，而且api也没写，不知道怎么用 还有怎么使存在的tab显示出来啊

$("#tt").tabs("close","title")[/quote]就是easyui，但是这个应该写在哪个函数里面呢？？我以为是写在创建tab的时候onclose：function（）{}[/quote] $('#tabs').tabs('close', '你的标题');

[ILOVE_ASPNET]

引用 楼主 scookiem 的回复:

网上找不到例子，而且api也没写，不知道怎么用 还有怎么使存在的tab显示出来啊

$("#tt").tabs("close","title")

[ILOVE_ASPNET]

哦 看错标题了 我以为是easyui , jquery 里面的啊，没用过，呵呵。

[Go 旅城通票]

close事件通过自己注册的事件弄的吧。。注册事件的时候增加要执行的关闭代码就好了吧

		// close icon: removing the tab on click
		$( "#tabs span.ui-icon-close" ).live( "click", function() {
			var panelId = $( this ).closest( "li" ).remove().attr( "aria-controls" );
			$( "#" + panelId ).remove();
			tabs.tabs( "refresh" );
		});

[ILOVE_ASPNET]

引用 4 楼 scookiem 的回复:

[quote=引用 1 楼 ILOVE_ASPNET 的回复:] [quote=引用 楼主 scookiem 的回复:] 网上找不到例子，而且api也没写，不知道怎么用 还有怎么使存在的tab显示出来啊

$("#tt").tabs("close","title")[/quote]就是easyui，但是这个应该写在哪个函数里面呢？？我以为是写在创建tab的时候onclose：function（）{}[/quote] 你具体的什么操作的时候要关闭 然后就在里面写上这句啊，比如 你现在点一个按钮想关闭现在某个tabs 的title 然后写上这句就可以啊 $("#tt").tabs("close",你的标题)。 然后就是 你一楼的时候说不知道怎么显示出来， 假设你界面有个 div ,ID 为 tt 然后你就这样

$('#tt').tabs('add',{  
    title:'New Tab',  
    content:'Tab Body',  
    closable:true,  
    tools:[{  
        iconCls:'icon-mini-refresh',  
        handler:function(){  
            alert('refresh');  
        }  
    }]  
});

这是通过脚本动态添加的title 选项， 静态的你看下结构就行了，如下格式

    <div id="tt" class="easyui-tabs" style="width:500px;height:250px;">  
        <div title="Tab1" style="padding:20px;display:none;">  
            tab1  
        </div>  
        <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">  
            tab2  
        </div>  
        <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">  
            tab3  
        </div>  
    </div>  

老虎门传送