ページが読み込まれ、ボタンがクリックされたときにJqueryが実行される

Question

人が自分のページに行った場合、jqueryを実行したい場合は、ページ上のボタンをクリックすると同じjqueryコードを実行します。このために別の関数を作成する必要がありますか？その人がページに来たときに読み込まれた後、誰かがボタンをクリックしたときにクリック機能が表示されますか？または、コードを複製する必要がないために、すべてが1つの機能に含まれますか？

Answer 1

あなたは両方のための機能を再利用することができます

$(function() { 

     // declare the function 
    function myReusableFunction() { 
      // do something extraordinary 
    } 

    // call it on page load 
    myReusableFunction(); 

    // assign to handler 
    $('button').click(myReusableFunction); 
}); 

注thisの値とパラメータ（もしあれば）は異なるものになるということ。

問題がある場合は、clickトリガーを連鎖して直接呼び出すことができます。

$(function() { 

    // assign to handler AND call it 
    $('button').click(function() { 
      // do something extraordinary 
    }).click(); 
}); 

---

EDIT：それが割り当てられている1 button以上がある場合、.click()はのためにそれらのすべてをトリガします。

これが要求されるものではない場合、あなたはそれを変更することができます：最初のものだけに、それをトリガーする...

$(function() { 

    // assign to handler AND call it 
    $('button').click(function() { 
      // do something extraordinary 
    }).eq(0).click(); 
}); 

。

またはこの：

$(function() { 

    // assign to handler AND call it 
    $('button').click(function() { 
      // do something extraordinary 
    }).triggerHandler('click'); 
}); 

...最初の要素だけに発射するだけでなく、カップルの他の違いがあります。詳細については、triggerHandlerのドキュメントを参照してください。

Answer 2

ここでは、イベントをバインドし、さらにそれを発生させる例を示します。

$(function() { 
    $('#yourButton').click(function(){ 
     alert('Yay'); 
    }).click(); 

}); 

編集：私の説明と恐ろしい文法をクリーンアップ...ここ

Answer 3

$(function() { 

    $("#myButton").click(function() { 
     //your code 
     alert("exeuted"); //on click button alerts 
    }).click(); //simulate click to execute onload 

}); 

オンラインデモ：http://jsfiddle.net/nMPMt/