鼠标按下附加项目

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;
    });
});

Answer 1

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

'mouseover' 和 'bind' 的内容相同。

鼠标按下附加项目

Mousedown on appended items

javascript

jquery

append

mouseevent