带有JQuery UI的动态选项卡

时间:2009-10-10 10:28:37

标签: jquery jquery-ui-tabs

我正在创建一个Web应用程序,我想使用Tabs小部件 复制您在大多数Web浏览器中找到的选项卡功能。我想要 用户能够:移动(排序)选项卡,创建选项卡 动态地动态关闭标签。

我发现的问题是要关闭一个标签,你需要有它的索引 并考虑到其他标签可以打开,关闭, 并动态排序,您需要在何时检索/获取选项卡的索引 你想关闭它。

2 个答案:

答案 0 :(得分:0)

那为什么你不能得到索引?

$('ul li a').click(function(){ 
    var index = $(this).parent().index($(this).parent());
    alert(index); 
});

答案 1 :(得分:0)

您需要在包含选项卡的列表项中添加一个链接,至少关闭,这将是“x out”按钮。如果用户单击该链接并且您具有用于单击该类的所有链接的jquery事件处理程序,则它将知道该索引。移动/拖动相同。我想,棘手的部分是,如果你添加新的标签,那么标签会说什么? “无标题”?