我有一个jquery代码,它的工作方式是.当您悬停在一个块上时,一个新的div向上滑动,一个红色块div逐渐消失,然后当您离开悬停区域时,div就会向下滑动,红色块div就会消退。一切都很好,下面是jsFiddle:
http://jsfiddle.net/Gsghr/119/
唯一的问题是当新的div向上滑动,上面写着“第一项需要切换”时,如果鼠标悬停在div上,div就应该停留在它的位置上。相反,一旦您的鼠标离开“项目1”灰色块div的div区域,另一个div (即“第一项需要切换”)将消失。
我试图通过CSS改变did的悬停区域,但是它没有工作.
#coltab li:hover + #coltab ul li, #coltab ul li:hover {
display: block;
}
也许我做错了。但同样,当您在div上悬停时,它应该可以工作,因为div上写着“第一项需要切换”。这个div应该呆在原地,而不是滑倒。再次,这里是小提琴,http://jsfiddle.net/Gsghr/119/和任何帮助将不胜感激。:)
另外,如果你连续多次在div上悬停,就会有跳跃,而整个悬停的功能甚至可能会搞砸,如果有人可以修复它,或者对它有解释的话,那就太棒了。
发布于 2013-08-04 10:33:41
改变你想要熬夜的z阶,这样它就比红色div高。如果这在视觉上是不可取的,那么尝试使用一个具有更高z阶的不可见div,该div与您想要熬夜的div大小相匹配。
这种跳跃来自于所谓的悬停次数。我不知道这个问题的确切答案,但我想您可以使用“非委托”来防止事件堆叠。
发布于 2013-08-04 10:41:04
我也是最近的Jquery爱好者,但我建议使用mouseenter和mouseleave方法。mouseleave方法不会让事件下降到子级别,并希望这样做会有效果。
查看这里的示例演示:http://api.jquery.com/mouseover/
Tc,Amit
https://stackoverflow.com/questions/18046077
复制相似问题