Como usar o jQuery para anexar ao evento click de um botão por ID - jquery, eventos, clique em

    //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...");
});

Por alguma razão, meu evento de clique não está sendo acionado.

Desde já, obrigado...

Respostas:

Crie elementos adequados com manipuladores de eventos:

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) );
});

escrito com muito espaço em branco para mostrar como os elementos são criados com objetos configurando manipuladores de eventos e atributos no jQuery.

Tente isso:

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

Tente isto:

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