javascript - 鼠标按下附加项目

Question

当用户单击单元格时，下面的函数会切换单元格上的突出显示。

如果文档加载时单元格在那里，它会很好地工作。但是，它不适用于新附加的单元格。

我可以改变什么以使其适用于新细胞？

  $(function () {
  var isMouseDown = false,
    isHighlighted;

  $("#tablegrid td.nohighlight")
    .mousedown(function () {
      isMouseDown = true;
      $(this).toggleClass("highlighted");
      isHighlighted = $(this).hasClass("highlighted");
      return false; // prevent text selection
    })
    .mouseover(function () {
      if (isMouseDown) {
        $(this).toggleClass("highlighted", isHighlighted);
      }
    })
    .bind("selectstart", function () {
      return false;
    })

  $(document)
    .mouseup(function () {
      isMouseDown = false;
    });
});

标签： javascriptjqueryappendmouseevent

Answer 1

$("#tablegrid").on('mousedown', 'td.nohighlight', function() {
....
}

“鼠标悬停”和“绑定”的内容相同。