防止标题中的元素扩展

Question

我正在使用 jQueryUI Accordion，并动态生成元素。如果我们单击标题内的删除操作链接，我需要防止手风琴展开。

要在使用 .live() 进行一次绑定后阻止进一步的处理程序执行，处理程序必须返回 false。调用 .stopPropagation() 不会完成此操作。

return false 运气不好。请查看demo。

Answer 1

我认为使用live() 实现你想要的东西不会有太多运气，因为jQuery 只支持event bubbling and not event capturing。设计决策可能是因为 IE 不支持事件捕获，尽管 W3C 的规范对两者都有灵活性。

最好的办法是在删除按钮插入 DOM 之后立即将点击​​事件附加到删除按钮（以停止事件传播），然后再重新启动手风琴。您可能需要注意不要多次将点击事件绑定到现有的删除按钮。

伪代码如下所示：

1. 在当前手风琴上调用.accordion('destory')
2. 创建新元素，即<h2>...<a class="revmoe">...</a></h2><div>...</div>
3. 将新元素插入现有手风琴
4. 将点击事件绑定到新元素中的移除按钮以停止事件传播
5. 启动手风琴，即.accordion({..})

关于 jQuery 事件捕获的帖子：

• event capturing with jQuery
• Event Capturing vs Event Bubbling

Answer 2

只需使用插件给定的功能：

$('#accordion').accordion({active:8, disabled:true});

jQuery('.remove').click(function(){
$('#accordion').accordion('disable');

})

我选择了“active:8”选项，因为这样一开始就不会打开任何标题（索引 -1 不适用于 IE）。检查功能和选项：http://docs.jquery.com/UI/Accordion

希望这就是你要找的:-)