jquery - jQuery を使用して ID でボタンのクリック イベントにアタッチする方法

Question

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

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

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

Answer 1

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

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 でイベント ハンドラーと属性を設定するオブジェクトを使用して要素を作成する方法を示すために、多くの空白を使用して記述されています。

Answer 2

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

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

Answer 3

これを試して：

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