1

スライドショーのアニメーション中にユーザーが次のボタンをクリックするのを制限しようとしています (遅延アニメーション中に画像がスライドしているとき)。どうすればこれを行うことができますか? また、次のボタンをクリックしても遅延速度が変わらないようにするにはどうすればよいですか?

$(document).ready(function(){
        $('#prev').hide();
        i=0;
        for(k=0;k<6;k++){
        for(j=0;j<4;j++){
            $('#pic').delay(4000).animate({top:'-=384px'},'300');
            $('.c_head,.c_body').delay(4000).animate({left:'-=170px'},'300');

        }
            for(j=4;j>0;j--){

            $('#pic').delay(4000).animate({top:'+=384px'},'300');
            $('.c_head,.c_body').delay(4000).animate({left:'+=170px'},'300');
        }

        }

        $('#next').click(function(){

        if(i<4){
            $('#pic').stop().animate({top:'-=384px'},'300');
            $('.c_head,.c_body').stop().animate({left:'-=170px'},'300');        

            i++;
            $('#prev').show();
                if(i==4){
                $('#next').hide();

                }

        }

        });

        $('#prev').click(function(){
            if(i>0){
            $('#pic').stop().animate({top:'+=384px'},'300');    
            $('.c_head,.c_body').stop().animate({left:'+=170px'},'300');
    i--;
    $('#next').show();
                if(i==0){
                $('#prev').hide();

                }   
            }
    });



    });
4

1 に答える 1

1

completeからイベントを使用できますanimate。

       $("#next").attr('disabled', 'disabled');
       $('#pic').stop().animate({top:'-=384px'},'300', function (e) {
              $("#next").removeAttr('disabled');
       });
于 2013-07-01T07:06:57.507 に答える