jQueryを使用して、IDのボタンのクリックイベントに接続する方法 - jquery、events、click

    //Add solve puzzle buttons
jSolvePuzzleButtonsHTML = "<div><button id="bsolveacross">solve word across</button><button id="bsolvedown">solve word down</button><button id="bsolvepuzzle">solve puzzle</button></div>";
jQuery("#gridpuzzlewrapper").append(jSolvePuzzleButtonsHTML);

jQuery("#bsolvedown").on("click", "#bsolvedown", function() {
alert("click called...");
});

何らかの理由で私のクリックイベントが発生していません。

前もって感謝します...

回答：

イベントハンドラを使って適切な要素を作成します。

jQuery(function($) {
var div  = $("<div />"),
btn1 = $("<button />", {
id   : "bsolveacross",
text : "solve word across"
}
),
btn2 = $("<button />", {
id   : "bsolvedown",
text : "solve word down",
on   : {
click: function() {
alert("click called...");
}
}
}
),
btn3 = $("<button />", {
id   : "bsolvepuzzle",
text : "solve puzzle"
}
);

$("#gridpuzzlewrapper").append( div.append(btn1, btn2, btn3) );
});

jQueryでイベントハンドラと属性を設定するオブジェクトで要素がどのように作成されるかを示すために、たくさんの空白で書かれています。

代わりにこれを試してください：

jQuery("#bsolvedown").click( function() {
alert("click called...");
});

これを試して：

jQuery("#bsolvedown").on("click", function() {
alert("click called...");
});