jquery - jQueryクリック関数の問題

Question

appendToであるセレクターにjqueryイベントヘルパーを適用する方法に少し問題があります。私はこのコードを持っています：

$('<input/>').attr({ id: 'submitbtn', type: 'submit', value: 'Click me' }).appendTo('form');

さて、この追加された送信ボタンでクリック機能を使おうとすると、何も起こりません

$('input#submitbtn').click(function() { // code here });

この要素が純粋なhtmlであれば問題なく動作しますが。どうすればこれを機能させることができますか？助けていただければ幸いです。

前もって感謝します！

Answer 1

ライブイベントを使用する必要があります。

$('input#submitbtn').live('click', function(e) {
    /* code here */
})

通常のイベントは、イベントがバインドされたときに存在する要素にのみバインドされます。

PS：ボタンを1つだけ作成してください。IDは一意である必要があります。一意でない場合、通常は壊れます。複数のボタンを作成する場合は、IDの.代わりに#、セレクターの代わりにクラスを使用してください。