2

関数を入力ボタンのクリック イベントにバインドしようとしましたが、機能していないようで、メソッドが呼び出されません。

<div id='back'>


     <input type="button"/>

     </div>

jQuery:

 $('#back').click(clickOnBackbutton);

              function clickOnBackbutton(){

                console.log('back to menu'); //function not called 

              }

私は onClick イベントを使用することを好みません。代わりに、そのアプローチを使用することを好みます。事前にサンクス。

4

8 に答える 8

5

コードをドキュメント対応ハンドラー内に配置する必要があります。入力要素ではなく div タグを選択していることにも注意してください。

$(document).ready(function(){
   $('#back input[type=button]').click(clickOnBackbutton);
   // $('#back input[type=button]').click(function(){
   //    or do something here
   // });
})
于 2012-10-19T13:59:54.823 に答える
3

ボタン：

<div id='back'>
    <input type="button" id='back-button'/>
</div>

jQuery:

$(document).ready(function(){
    $('#back-button').click(function(){
       console.log('Back to Menu');
    });
})
于 2012-10-19T14:04:10.267 に答える
1

div#backクリックされたボタンイベントをキャプチャしたい場合は、最近のjqueryでこれを行う必要があります:

$('#back').on("click", "input[type=button]", clickOnBackbutton);

$(document).ready本文の最後に script タグを配置するか、コードをイベントでラップする必要があることに注意してください。

于 2012-10-19T14:28:00.717 に答える
1

これはうまくいくはずです：

function clickOnBackButton(){
  console.log("back to menu");
}

$('#back').click(function(){
  clickOnBackButton();
});
于 2012-10-19T14:01:21.800 に答える
1

あなたはこれを行うことができます

$('#back').click(function(){
    clickOnBackButton();
});

input type="button" のようなものはないと思います。多分 type="submit" ？

于 2012-10-19T14:02:17.257 に答える
1

また、次を使用できます。

$('#back').on('click', function(){
  // some action
});
于 2012-10-19T14:04:35.723 に答える
1

ボタンではなくdivにバインドしました。

ボタンに名前を付けるか、子として選択してからクリックイベントをバインドします。

<div id='back'>
    <input id='backbutton' type="button"/>
</div>

JQuery

$('#backbutton').click(clickOnBackbutton);

function clickOnBackbutton(){
    console.log('back to menu'); //function not called 
}
于 2012-10-19T13:59:23.940 に答える
1

JQuery 1.7+ では、on を使用してイベントをアタッチする必要があります。

function clickOnBackbutton(){
    console.log('back to menu'); //function not called 
}
$(document).on("click", "#back", clickOnBackbutton);

実行例

于 2012-10-19T14:08:02.030 に答える