私は次のJavaScriptコードを持っていたし、それが正常に働いていたのjQuery

Question

を使用してイベントハンドラ関数を追加できません -

var changeImageButton = document.getElementById("changeImageButton"); 
changeImageButton.onclick = buttonWasClicked; 

「buttonWasClicked」「はchangeImageButton」がクリックされたときに呼び出されるJavaScript関数の名前です。

今、JQueryを使用して同じコードを書きたいと思います。だから私は書いた -

$("#changeImageButton").attr("onclick","buttonWasClicked"); 

しかし、それは動作していません。私は間違って何をしていますか？

Answer 1

あなたは間違って何いくつかの異なる方法

$("#changeImageButton").click(function(){ do_something(); }); 

$("#changeImageButton").on("click mouseover", function(){ do_something(); }); 
//this is useful because you can specify more than one event, if you want to 
//(so, this code would also trigger when you move the mouse over - not what 
// you want, but just for demonstration purposes) 

//In jQuery 1.7+ this is doubly useful, because this will also work with elements 
//added _after_ the DOM has initially loaded and this code has run 

Answer 2

jQueryには、クリックイベントを割り当てる方法があります。click()

$("#changeImageButton").click(buttonWasClicked); 

Answer 3

あなたは属性を追加し、イベントではなく登録する必要がありますクリック用

$('#changeImageButton').click(buttonWasClicked); 

jQueryのドキュメント：http://api.jquery.com/click/

Answer 4

はこれを試してみてください使っていますか？ここで

は、イベントリスナーを追加することでjQueryのチュートリアルです：http://api.jquery.com/click/

$("#changeImageButton").click(function() { 
    buttonWasClicked(); 
}); 

Answer 5

のjQueryのバージョンは何

$("#changeImageButton").click(buttonWasClicked);