jquery – Internet Explorer:当目标DOM元素在DOM中移动时,悬停状态变为粘滞状态

前端之家收集整理的这篇文章主要介绍了jquery – Internet Explorer:当目标DOM元素在DOM中移动时,悬停状态变为粘滞状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在构建一个应用程序,允许您通过单击它们将列表项从一个列表移动到另一个列表.但是,为了让用户知道clik的预期操作是什么,我在CSS中设置了一个:悬停状态,显示诸如“<< move”之类的指令 我发现的问题是,在Internet Explorer(测试版本7-9)中,当我移动DOM元素时:该元素的悬停状态保持(变得粘滞),即使鼠标移动时也是如此. :当用户将鼠标悬停在其新位置的项目上然后将鼠标移开时,悬停状态才会消失.这似乎是Internet Explorer唯一的问题. 如果您通过转到 http://jsfiddle.net/hc2Eu/32/使用IE,则可以看到问题

当然有一种解决方法是不使用CSS:悬停状态并使用JQuery悬停事件代替,但这肯定不是最好的做事方式,并保持元素:在CSS中控制的悬停状态是远远的这种做法最有力.解决方法可以在http://jsfiddle.net/hc2Eu/29/看到

有没有人想出我怎么能告诉Internet Explorer一个元素不再在鼠标下面,它应该释放:悬停状态?

马特

解决方法

尝试克隆元素而不是直接附加元素.当你追加时,你从元素的当前位置和状态中取出元素并将其置于新的位置 – 基本上只是移动它.当发生这种情况时,IE显然不会重新绘制元素,或者在鼠标悬停之前重置其状态.

通过克隆它,您强制IE创建一个新元素,因为它不在页面上,无论如何都不能将悬停状态应用于它.然后将它附加到新容器中,删除原件,然后就完成了.

请参阅这个小提琴中的一个示例:两行代码,跨浏览器,您将保持简洁,不会污染您的代码. 原文链接:https://www.f2er.com/jquery/180533.html

猜你在找的jQuery相关文章