javascript - jQuery .click（）イベントを接続しようとしていますが、（単に接続するのではなく）起動されます

Question

だから私は次のjQueryを持っています：

<script type="text/javascript">

    // Init.
    $(function () {

        // Wire up the search box.
        $('#searchButton').click(
            search($('#query').val(),
                $('aaa').val(),
                $('bbb').val()
            ));
    });

</script>

しかし、最初にページにアクセスしたとき、search関数が起動されています（ブレークポイントをそこに置いたため）。

私のコード（上記）は次のように言っていると思いました：クリックイベントを配線し、誰かがそのボタンをクリックすると、次のコードは=>次の3つの引数を持つ検索関数と呼ばれます）。

誰かが私が間違ったことを教えてもらえますか？

Answer 1

関数参照を期待しているからです。あなたがしているのは、search（）を実行し、その結果を参照として渡すことです。

<script type="text/javascript">

    // Init.
    $(function () {

        // Wire up the search box.
        $('#searchButton').click(function() {
                search($('#query').val(),
                    $('aaa').val(),
                    $('bbb').val()
                ));
            }
    });

</script>

Answer 2

ハンドラーコードを無名関数内にラップする必要があります。

それ以外の場合、 search（）が評価され、結果がクリックハンドラーに適用されます。

これを試して：

$(function () {
    $('#searchButton').click(function () {
        search( $('#query').val(),
                $('aaa').val(),
                $('bbb').val() 
        );
    });
});

Answer 3

1 つのパラメータで関数「クリック」を呼び出しているため、「search();」が返され、関数コールバックではありません。

Answer 4

これはどう？

<script type="text/javascript">

    // Init.
    $(function () {

        // Wire up the search box.
        $('#searchButton').click(function() {
            search($('#query').val(),
                $('aaa').val(),
                $('bbb').val()); }
            );
    });

</script>

クリック イベントに無名関数をアタッチsearch($('#query').val(),$('aaa').val(),$('bbb').val());し、関数を呼び出します。

Answer 5

    $('#searchButton').live('click',function() {
        whatever...
    });