jQuery 使用 tr 的 click() 处理程序向表中添加一行

Question

我正在构建的控件存在问题，该控件包含一个主体可滚动的表格。这些行有一个 click() 函数处理程序，如下所示:

    /**
     * This function is called when the user clicks the mouse on a row in
     * our scrolling table.
     */
    $('.innerTable tr').click (function (e) {
      //
      // Only react to the click if the mouse was clicked in the DIV or
      // the TD.
      //
      if (event.target.nodeName == 'DIV'  ||
          event.target.nodeName == 'TD'     ) {
        //
        // If the user wasn't holding down the control key, then deselect
        // any previously selected columns.
        //
        if (e.ctrlKey == false) {
          $('.innerTable tr').removeClass ('selected');
        }

        //
        // Toggle the selected state of the row that was clicked.
        //
        $(this).toggleClass ('selected');
      }
    });

有一个按钮可以将行添加到表中，例如:

$('#innerTable > tbody:last').append('<tr>...some information...</tr>');

虽然行已成功添加，但由于某种原因，静态行可与点击处理程序配合使用，但新添加的行则不能。我有什么遗漏的吗？

Answer 1

尝试使用.live() :

$('.innerTable tr').live('click', function (e) { ... });

它将事件处理程序绑定(bind)到与添加到 DOM 的选择器匹配的任何当前和 future 元素。