1

私のアプリケーションでは、90% まで非表示になっている div があります。表示されている部分をクリックすると、div の残りの部分が表示されます。div は 200px 下にスライドし、それがすべて下がったら、数回跳ね返らせたいと思います。以下はコードですが、何らかの理由でバウンスが機能しません。

誰かが私を助けてくれたら本当にありがたいです!

    var boxDown = false;

    $('#uploadContainer').click(function(){
        if (boxDown === false) {
            $(this).animate({
                'marginTop': "+200px"
            });
            $(this).effect("bounce", { times:3 }, 300);


            boxDown = true;
        }
        else {
            $(this).animate({
                'marginTop': "-=200px"
            });

            boxDown = false;
        }
    });
4

3 に答える 3

1

個人的には、jQueryイージング関数を使用します：http：//gsgd.co.uk/sandbox/jquery/easing/

easeOutBounce1つを見てください

次のように使用します。

    $('#my-item').animate(
    { 
        'margin-top': -110
    }, 1000, 'easeOutBounce');
于 2012-05-15T14:04:19.390 に答える
1

これがあなたが望む効果であるかどうかわからない、それは私のために跳ねています：http: //jsfiddle.net/drAXv/

.ready（）関数を実装しなかったと思いますか？

于 2012-05-15T14:11:03.630 に答える
0

それは期待通りに動作するはずですholyredbeard...

あなたのコードを描いたこのjsFiddleをチェックしてください。すべてが想定どおりに機能します。

たぶん、jQuery UIをロードしていませんか？

于 2012-05-15T14:11:00.337 に答える