使用JQuery UI的动态选项卡

我正在创建一个Web应用程序，并且我想使用Tabs小部件来复制在大多数Web浏览器中找到的选项卡功能。我想要用户能够：移动（排序）标签，动态创建标签，动态关闭标签页。使用JQuery UI的动态选项卡

我发现的问题是，关闭你需要有它的索引并在考虑到其他标签可以被打开，关闭，和动态排序，您需要检索时/时得到的标签索引标签你想关闭它。

2009-10-10 AshleyS

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

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

来源

2009-10-11 00:16:54 Jojo

我试过这段代码，并且每次点击警报窗口都会返回值“0”。 – AshleyS 2009-10-16 13:28:28

我通过更改“var index = $（this）.parent（）。index（$（this）.parent（））;”到“var index = $（'ul li'）。index（$（this）.parent（））;”。关闭主题，你可以在评论中做代码块吗？ – AshleyS 2009-10-16 15:06:12

您可以在评论的开头和结尾使用'字符来突出显示文本，如代码块，但我不认为您可以在评论中执行实际的块。 – Jojo 2009-10-16 19:30:41

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

来源

2009-10-11 00:21:42 Anthony

使用JQuery UI的动态选项卡

回答

相关问题