将鼠标放在附加项目上

时间:2018-10-25 15:26:38

标签: javascript jquery append mouseevent

下面的功能在用户单击单元格时切换单元格上的突出显示。

如果在加载文档时单元格在其中,则效果很好。但是,它不适用于新添加的单元格。

要使其适用于新单元格,我需要更改什么?

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

1 个答案:

答案 0 :(得分:0)

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

与“鼠标悬停”和“绑定”相同。