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

Question

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

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

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

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

score 1 · Accepted Answer

在进行故障排除时，我花了一段时间才发现您在 jsfiddle 中绑定了两次click 事件（在 javascript 框架的开头和结尾处）。删除第一个并将第二个定义为：

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

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

1 回答 1