javascript - jquery 表格行点击功能

Question

我有一个功能，允许用户通过在模式中打开数据来编辑表格中的一行。现在整行都会触发模态。我想要的是隔离最后一个 td，它包含一个链接，该链接触发一个函数，该函数准备好数据进行处理。

发生的事情是，当最后一个 td 被点击时，模态打开并且 ready 函数被触发。我试图阻止模式打开。

我还在表格的每一行上突出显示了一个鼠标悬停行。

这就是我将表格行与模态函数相关联的方式:

$("#table").find("tr").click(function(e) {

 //code to open model
 }

这就是我触发就绪函数的方式:

$("#table tr td:last-child a").click(function(e) {
//code to open model
 }

Answer 1

我相信您需要调用 e.stopPropogation() 来阻止事件传播:

$("#table tr td:last-child a").click(function(e) {
    //code to open model
    e.stopPropagation();
    return false;
}

解释:

事件从最“具体”的元素传播到它们的父元素。这称为冒泡，在这种情况下，您的第二个模态被触发，因为点击事件从 A 元素冒泡到 TR 元素。

我相信所有事件都会传播和冒泡。返回 false 只是取消 A 元素的默认操作，即跟随链接……它不会停止事件对象。

这是一个 good explanation整个事情。