jquery - 带有 JQuery UI 的动态选项卡

Question

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

我发现的问题是，要关闭一个选项卡，您需要拥有它的索引，并且当考虑到其他选项卡可以动态打开、关闭和排序的事实时，您需要在想要关闭它时检索/获取选项卡的索引。

Answer 1

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

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

Answer 2

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