单击输入时，数据表行分组停止扩展

Question

使用数据表和行分组我试图在单击输入时使行不展开..但仅在单击tr时展开。 .stopPropagation()无效。

我正在使用.live()，因为该表是由ajax动态创建的。

$("#example input[type='text']").live('click',function(event){
    event.stopPropagation();
    return false;
});

这是一个jsfiddle： http://jsfiddle.net/JWvZt/

Answer 1

在进行问题排查时，我花了一些时间才发现你的jsfiddle（在javascript框架的开头和结尾）你的点击事件绑定两次。 删除第一个并将第二个定义为：

$("#example td").on('click','input[type="text"]', function(event){
    event.stopPropagation();
    return false;
});

代码按需运行。 注意：我使用.on（）因为.live（）已弃用。为了刷新事件绑定，当您动态创建行时，您必须在AJAX成功处理程序（或.done（）方法）中调用上面的代码片段。

这是link to jsfiddle