好,所以我有这个小脚本
$( ".checkout, .shoppingCart" ).hover(function() {
$( ".cartView" ).slideToggle( "slow", function() {
});
});
当您将鼠标悬停在2个li元素.checkout和.shoppingcart上时,将显示当前购物车
但是,当您将鼠标悬停在.shoppingcart上,然后移至.checkout时,它将关闭并重新打开购物车视图。有办法防止这种情况吗? Kinda喜欢在动画中期停止播放并向下滑动,而不是先完成滑动然后再向下滑动。
应以下某人的要求,这里是一个小提琴http://jsfiddle.net/yBz47/
它不是很漂亮,但仍然显示我的问题
最佳答案
我不知道您是否要这样做,但我只是将shoppingCart
和checkout
放在div中以同时悬停!
当您从shoppingCart移至结帐时,因为它们位于同一格,面板不会关闭!
只看hover!