0

ホバーしているときに要素のアニメーションを停止またはクリアし、ホバーしていないときに戻りたい。これが私のコードです：

function blink(){
        $('#unitedkingdom, #germany, #korea, #philippines,
        #indonesia').delay(400).fadeTo(800,0.7).delay(800).fadeTo(800,1, blink);
    }

    $(document).ready(function(){

            blink();

        $('#unitedkingdom').hover(function(){
            $(this).stop(blink); //I'm trying to STOP the function i declared from above
            $('#uk').animate({opacity:1},300);
        });
        $('#germany').hover(function(){
            $('#ger').animate({opacity:1},300);
        });
        $('#korea').hover(function(){
            $('#kor').animate({opacity:1},300);
        });
        $('#philippines').hover(function(){
            $('#phil').animate({opacity:1},300);
        });
        $('#indonesia').hover(function(){
            $('#ind').animate({opacity:1},300);
        });
    });

これに対する回避策はありますか？

4

1 に答える 1

2

あなたはこれを求めている：

$(this).stop(true);

jQuery.stop()ドキュメント - http://api.jquery.com/stop/

于 2012-12-28T03:31:02.503 に答える