jQuery stop()；问题

Question

我正在研究一些缩略图的悬停效果。我使用的函数是slideup和slidedown。我添加了stop(true，true)；来停止动画的排队。但是当你在物体上快速移动鼠标时，它看起来有点糟糕。我想要一个类似于http://www.mio.se/ (悬停)上的缩略图的效果。我当前的代码是(使用jquery easing插件)：

$(".dummy_product_x1").hover(

function () {

             $(this).children('.productdescription').stop(true, true).slideDown({
                 duration: 500,
                 easing: 'easeInCubic',
                 complete: function () { }
             });
         },
         function () {
             $(this).children('.productdescription').stop(true, true).slideUp({
                 duration: 500,
                 easing: 'easeOutCubic',
                 complete: function () { }
             });

         });

谢谢

Answer 1

$(".productdescription").hover( function(e) {
                    e.stopPropagation();
                    // What you want
                });

您需要捕获事件，然后执行stopPropagation ;)