javascript - jQuery入力ボタンクリックイベントリスナー

Question

jQuery の新機能。ページ上の次のコントロールのイベント リスナーを設定しようとしていました。クリックするとアラートが表示されます。

<input type="button" id="filter" name="filter" value="Filter" />

しかし、うまくいきませんでした。

$("#filter").button().click(function(){...});

jQueryで入力ボタンコントロールのイベントリスナーを作成するにはどうすればよいですか?

Answer 1

まず最初に、jQuery コアとは何の関係もないボタン ウィジェットbutton()を作成するための jQuery ui 関数です。ボタンのスタイルを設定するだけです。 したがって、ウィジェットを使用する場合は、次のように、jQuery ui の JavaScript および CSS ファイルを追加するか、代わりに削除します。

$("#filter").click(function(){
    alert('clicked!');
});

問題の原因となった可能性のあるもう 1 つのことは、入力がレンダリングされるのを待たずに、入力の前にコードを記述した場合です。jQuery にはready 関数$(func)、またはDOM の準備ができたらコールバックを実行するエイリアスがあります。
使用法：

$(function(){
    $("#filter").click(function(){
        alert('clicked!');
    });
});

したがって、注文がこれであっても機能します：

$(function(){
    $("#filter").click(function(){
        alert('clicked!');
    });
});

<input type="button" id="filter" name="filter" value="Filter" />

デモ

Answer 2

$("#filter").click(function(){
    //Put your code here
});