はシーケンス

Question

で実行私は次々（現在彼らは同時に実行を実行しているしたいとjQueryのエフェクトのセットを持っている。この問題を解決する方法はありますか？

コードは以下の通りである：。

<SCRIPT> 
$(document).ready(function() { 

    $(".right").click(function() { 
     $(this).show("slide", { direction: "right" }, 1200); 
    }); 

    // Trigger the handler once on document ready 
    $(".right").click(); 

}); 
</SCRIPT> 
<SCRIPT> 
$(document).ready(function() { 

    $("#left").click(function() { 
     $(this).show("slide", { direction: "left" }, 1200); 
    }); 

    // Trigger the handler once on document ready 
    $("#left").click(); 

}); 
</SCRIPT> 
<SCRIPT> 
$(document).ready(function() { 

    $("#up").click(function() { 
     $(this).show("slide", { direction: "down" }, 1200); 
    }); 

    // Trigger the handler once on document ready 
    $("#up").click(); 

}); 
</SCRIPT> 

Answer 1

あなたはコールバックを使用する必要があるコールバックは、他の機能は、この場合には、アニメーション完了したときに実行する機能です

http://api.jquery.com/show/

。

また、あまり宣言する必要はありません。試してみてくださいトリガーを//するだけで必要書類上のハンドラ

準備ができて、あなたはアニメーションもクリックでトリガしたい場合は、あなたが今持っている同じ.clickステートメントを使用して行うことができ、この

よう

<script> 

    $(document).ready(function(){ 

      $('.right').show("slide", { direction: "right" }, 1200, function(){ 
        //first callback 
        $('#left').show("slide", { direction: "left" }, 1200, function(){ 
          //second callback 
          $('#up').show("slide", { direction: "down" }, 1200); 
        }); 
      }); 

    }); 

</script> 

ではありません

Answer 2

これはあなたの後に何かですか？

$(document).ready(function() { 

     $(".right").click(function() { 
      $(this).show("slide", { direction: "right" }, 1200, function() { 
        $(".right").click(); 
      }) 
     }); 
    }); 

Answer 3

それは.showの最後の引数の後に呼び出されるコールバック関数です。..一例として、以下の確認あなたはそれをシーケンスしようとしてどのように依存し、あなたがそれを望んでいたように変形し、

.show

<SCRIPT> 
$(document).ready(function() { 
    $(".right").click(function() { 
     $(this).show("slide", { direction: "right" }, 1200, function() { 
       // Trigger the handler once on document ready 
       $("#left").click(); 
     }); 
    }); 

    $("#left").click(function() { 
     $(this).show("slide", { direction: "left" }, 1200, function() { 
       $("#up").click(); 
     }); 
    }); 

    $("#up").click(function() { 
     $(this).show("slide", { direction: "down" }, 1200); 
    }); 

    // Trigger the handler once on document ready 
    $(".right").click(); 
}); 
</SCRIPT> 

Answer 4

を実行するあなたが最初のアニメーションが順番にそれらをアニメーション化するためにコールバックとコールバックがshowメソッドの最後の引数で次のアニメーションを呼び出す必要があります。

また、複数の$(document).ready()を使用する代わりに、すべてを1つにまとめることができます。

$(document).ready(function() { 
    $("#left").click(function() { 
     $(this).show("slide", { direction: "left" }, 1200, function() { 
       $("#up").click();//Trigger up click 
     }); 
    }); 

    $("#up").click(function() { 
     $(this).show("slide", { direction: "down" }, 1200); 
    }); 

    $(".right").click(function() { 
     $(this).show("slide", { direction: "right" }, 1200, function() { 
       $("#left").click();//Trigger left click 
     }); 
    }).click();//Trigger the right click 
});