1

私の問題は、jquery 関数 '.hover()' を使用していることです。div の上にマウスをゆっくり移動すると、正常に動作します。状態を上げて、マウス ポインターの周りを非常に速く動かし始めると、アニメーションが停止せず、さらに悪いことに! 最初の位置にリセットすることなく、すべてがページ内を移動し始めます。

コードのビット:

$('.popProdContainer').hover(function(e){
             $(this).find('.pdtprice').stop().animate({"left": "-=70px"}, "slow");
             $(this).find('.pdtcartBkt, .pdtcartAdd').show('slow');
         },function(e){
             $(this).find('.pdtprice').stop().animate({"left": "+=70px"}, "slow");
             $(this).find('.pdtcartBkt, .pdtcartAdd').hide('slow');
});

だから、これは私が持っているものです。これを .animate の後ろに置こうとしました:

.filter(':not(:animated)')

うまくいきませんでした。

4

1 に答える 1

0

問題を解決しました。

これが他の人に役立つことを願っています：

$('.popProdContainer').bind('mouseenter',function(){
    $('.pdtprice', this).animate({
        marginLeft: "-0.6in"
    },500);

    $('.pdtcartBkt', this).fadeIn('fast');
    $('.pdtcartAdd', this).fadeIn('fast');
}).bind('mouseleave',function(){
    $('.pdtprice', this).animate({
        marginLeft: "0.6in"
    },500);

    $('.pdtcartBkt', this).fadeOut('fast');
    $('.pdtcartAdd', this).fadeOut('fast');
});
于 2013-02-18T23:47:08.100 に答える