jquery里tab的close事件怎么用？

Question

本帖最后由 scookiem 于 2013-06-25 01:51:55 编辑

Answer 1

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

Answer 2

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" );
});

Answer 3

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

Answer 4

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

Answer 5

$("#tt").tabs("close","title")就是easyui，但是这个应该写在哪个函数里面呢？？我以为是写在创建tab的时候onclose：function（）{}你具体的什么操作的时候要关闭 然后就在里面写上这句啊，比如 你现在点一个按钮想关闭现在某个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>  
老虎门传送