我正在尝试为表格行创建叠加层。我希望在用户鼠标停留在该行上一秒钟左右后显示叠加层,并在鼠标离开该行后将其移除。我已经开始尝试实现此功能:http://jsfiddle.net/YCZ3J/
我遇到了几个问题:
编辑:经过一些指导,这里是一个满足所有要求的工作Fiddle:http://jsfiddle.net/YCZ3J/37/ 编辑2:最终我选择使用hoverIntent jquery插件,因为它可以解决故障问题。
- 当鼠标在行内移动时,mouseenter事件会不断触发,我无法弄清楚原因。
- 我希望叠加层覆盖整个行,但不包括图像TD,但也没有取得太大的成功。
- 我希望每行叠加层上的文本/按钮不同。我尝试为每个TR添加一个div并使用.parent().('.overlay'),但无法使其正常工作。
编辑:经过一些指导,这里是一个满足所有要求的工作Fiddle:http://jsfiddle.net/YCZ3J/37/ 编辑2:最终我选择使用hoverIntent jquery插件,因为它可以解决故障问题。