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

如何使用jQuery通过ID附加到按钮的单击事件

3 个答案: