好,所以我有这个小脚本

$( ".checkout, .shoppingCart" ).hover(function() {
  $( ".cartView" ).slideToggle( "slow", function() {
  });
});


当您将鼠标悬停在2个li元素.checkout和.shoppingcart上时,将显示当前购物车

但是,当您将鼠标悬停在.shoppingcart上,然后移至.checkout时,它将关闭并重新打开购物车视图。有办法防止这种情况吗? Kinda喜欢在动画中期停止播放并向下滑动,而不是先完成滑动然后再向下滑动。

应以下某人的要求,这里是一个小提琴http://jsfiddle.net/yBz47/
它不是很漂亮,但仍然显示我的问题

最佳答案

我不知道您是否要这样做,但我只是将shoppingCartcheckout放在div中以同时悬停!

当您从shoppingCart移至结帐时,因为它们位于同一格,面板不会关闭!

只看hover

09-11 07:38