鼠标按下附加项目
Mousedown on appended items
下面的函数会在用户单击单元格时切换单元格上的突出显示。
如果在加载文档时单元格存在,则效果很好。但是,它不适用于新附加的单元格。
我可以更改什么以使其适用于新细胞?
$(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;
});
});
$("#tablegrid").on('mousedown', 'td.nohighlight', function() {
....
}
'mouseover' 和 'bind' 的内容相同。
下面的函数会在用户单击单元格时切换单元格上的突出显示。
如果在加载文档时单元格存在,则效果很好。但是,它不适用于新附加的单元格。
我可以更改什么以使其适用于新细胞?
$(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;
});
});
$("#tablegrid").on('mousedown', 'td.nohighlight', function() {
....
}
'mouseover' 和 'bind' 的内容相同。