v.1.4.1 和 1.7.2 之间的 jQuery 更改影响 tr 点击事件

Question

在我的项目中，我将使用的 jQuery 版本从 1.4.2 更新到了 1.7.2。现在我在处理<tr> 元素的点击事件处理程序时观察到一些意外行为。

多个站点包含第一列中带有单选按钮的表格。所以 HTML 看起来像这样

<table>
  <tbody>
    <tr onclick="selectOnClick(this)">
      <td><input type="radio" .... /></td>
      ......
    </tr>
...

在一个单独的 js 文件中有 JS 函数的定义

function selectOnClick(row) {
  $(row).children('td').children('input :first').click();
  $(row).children('td').children('input :first').click();
  $(row).children('td').children('input :first').click();
}

因此，每当单击表格行内的元素时，都会单击第一个输入元素。我不知道为什么需要在函数中调用相同的语句 3 次，但这是有原因的。

我的问题是，在 jQuery 更新 (v.1.4.2 --> 1.7.2) 之后，在行上单击鼠标会产生数百个事件，而不是单个事件。浏览器忙于处理它们，以至于它看起来根本没有反应。如果我将函数修改为仅在不更改时调用click()。

谁能告诉我造成这种影响的原因是什么。

Answer 1

每次您在其中一个子元素上触发点击事件时，它都会冒泡回到 tr 导致无限循环。尝试触发处理程序而不是事件。

function selectOnClick(row) {
    $(row).children('td').children('input :first').triggerHandler("click");
}

请注意，这只会触发 jQuery 绑定事件。