【发布时间】:2011-05-01 13:14:13
【问题描述】:
jsFiddle 在这里:http://jsfiddle.net/_mtr/bvs6w
基本上我有一个由两个元素组成的无序列表:标题和几行文本的跨度。跨度在悬停时切换,但如果用户悬停和关闭太快,内容将被剪裁。我在我的 jQuery 中遗漏了什么以确保不会发生这种情况并且 span 始终被正确隐藏或显示?
【问题讨论】:
标签: jquery html css slidetoggle
jsFiddle 在这里:http://jsfiddle.net/_mtr/bvs6w
基本上我有一个由两个元素组成的无序列表:标题和几行文本的跨度。跨度在悬停时切换,但如果用户悬停和关闭太快,内容将被剪裁。我在我的 jQuery 中遗漏了什么以确保不会发生这种情况并且 span 始终被正确隐藏或显示?
【问题讨论】:
标签: jquery html css slidetoggle
只需使用.stop(true, true) 而不仅仅是.stop()。第一个参数是clearQueue,第二个参数是jumpToEnd,默认都是false。
Here's您的更新代码。
希望这会有所帮助!
【讨论】:
那个stop() 你放在那里以防止排队......
它基本上是在动画高度动画的中间“冻结”你的跨度。尝试在 Firebug 或 Chrome 的 Inspector 中检查它们。您会看到它们的高度都像 0.8649px。
【讨论】:
您可能想要删除stop() 并使用诸如hoverIntent 之类的插件。
【讨论】: