在我的 MVC 应用程序中,我有一个具有以下 DOM 的 View :
<div class="item">
Item Name
</div>
这些“元素 div”是通过 View 内的 foreach 循环生成的。我的目标是在鼠标移动事件上显示另一个“div”,这将为用户提供一些选项(如共享、删除等)。对于“options div”,我没有特定的设计想法。但我的问题是实现这一目标的最佳方法是什么?我是否应该在 foreach 循环中的“item div”旁边创建“options div”,并在鼠标移动时在 css 中设置可见性?我试过了,它确实损害了性能。
PS:我有大约 2000 个“元素 divs”。
谢谢!
最佳答案
您可能实际上并不需要 mousemove
,而是需要 mouseover
和 mouseout
。
mousemove
会快速连续触发很多次,因为它会在每次鼠标在元素上移动时触发,即使鼠标在元素上移动的幅度很小 - 即使鼠标停留在元素上相同的元素。由于听起来您只想根据鼠标当前悬停在哪个元素上来设置显示或隐藏的内容,因此您可以使用 mouseover 和 mouseout 来更有效地做到这一点 - 在 mouseover 时显示相应的链接,并在 mouseout 时隐藏它们。
关于jquery - jquery 中 mousemove() 上的 div 的最佳方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3225693/