Jquery"；“生活”；单击锚定标记内未触发的事件

单击关闭图标时触发的单击事件设置有问题

活动内容如下：

var addTabRemoveEvent = function(tabs) {

    $('.tab-close').live( 'click', function(e) {
        e.stopImmediatePropagation();
        tabs.tabs('remove',tabs.tabs('option','selected'));
    });
};

close类位于范围内，例如：

<a href="#tabs-1"><span class="tab-name">Tab 1</span><span class="tab-close"></span></a>

需要注意的是，该设置在过去工作得很好，但由于某些原因已停止工作。例如，使用1.9 milestone jQueryUI版本进行测试可以很好地工作。降到1.8.16，似乎已经停止工作。可能还有其他原因

将关闭放置在锚点之外是一个选项，但我现在想忽略这个选项，因为这个设置以前已经工作过，并且与我当前的项目设置配合得很好

任何帮助都将不胜感激

---

我添加了一个供peeps使用的JSFIDLE:

嘿，当我将您的单击事件更改为以下内容时：

$（'.tab close'）.bind（'click'，函数（e）{…

---

使用bind而不是live it可以很好地工作。现在，如果您也在动态添加它们，根据经验，在添加一个之后，它可能无法工作。

使用委托并在锚上捕获单击事件解决了我的问题：

---

当选项卡似乎已经在DOM中时，为什么要使用live？不确定这是否是问题所在，因为您说它以前已经工作过，但请查看；它与您的兴趣相关，因为它谈到使用

.live（）

以及这可能不起作用的原因。嗨，多蒂-我没有考虑这个逻辑，但它是创建动态选项卡所必需的。解除释放-恐怕点击事件甚至没有为此而触发，以产生不同，但感谢您的想法。我通过使用委托：$（'#pui tabs a'）。委托（'.tab close'，click'，function（e）{

.tab-close { cursor:pointer; margin-left:5px; width:11px; height:11px; display:inline-block; background:transparent url(../images/button_hide.gif) !important;  }