如何使用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)); 
}); 

寫有很多whitesp ace來展示如何使用jQuery中的對象設置事件處理程序和屬性來創建元素。

Answer 2

試試這個：

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

Answer 3

試試這個：

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