jquery - jQueryで1つのボタンで複数のアクションをトリガーするにはどうすればよいですか?

Question

この 1 つのボタンで複数のアクションを異なる時間に開始しようとしています。バスをスライドインさせてから、電話でメッセージをフェードインさせたいと思います。

http://webapps.easy2.com/ce/ext1104/messages/iris_messages.html

私は視覚学習者なので、例が役に立ちます、ありがとう!

Answer 1

http://api.jquery.com/delay/

$('#ID').action1().delay(800).action2();

数値はミリ秒です。

Answer 2

必要なトリックは、クリックに応答した後、次のクリックの前に新しいイベント応答を添付する必要があるということです。以下のコードでこれを行うことができます...

HTML

<button id="multibutton">Click Me</button>​

JavaScript

$('#multibutton').on('click', function() {
    alert("This is the first alert!");

    // Setup for the second click.
    $(this).off('click');
    $(this).on('click', function() {
        alert("This is the second alert!");
    });
});

このようにして、最初のイベントが完了したら、次のイベントをアタッチします。そしてもちろん、(2 つだけでなく) 多くの異なるイベントがある場合は、ボタンをクリックするプロセスを進めながら次のルールに移動し続けるルール システムを作成できます。