[英]JQuery adding events to dynamically created elements
我知道以前已經有人問過這個問題,但是我似乎無法弄清楚自己在做什么錯。
我只是試圖創建一些動態元素,然后僅使用JQuery將事件附加到它們。 按鈕應啟動警報。
$(function(){
$('#add').on("click",function(){addItem()});
function addItem() {
var listItem = '<li>' + '<button class="checkBtn"></button>' + '<button class="crossBtn"></button>' + '</li>';
$('ul').append(listItem);
}
$('.crossBtn').on("click", function() {
alert() // Doesn't alert why not?
});
$('.checkBtn').on("click", function() {
alert();// Doesn't alert why not?
})
});
謝謝。
如果您在文檔級別設置了on處理程序,則可以執行此操作。
$(function () {
$('#add').on("click", function () {
addItem();
});
function addItem() {
var listItem = '<li>' + '<button class="checkBtn" />' + '<button class="crossBtn" />' + '</li>';
$('ul').append(listItem);
}
$(document).on("click",".crossBtn", function () {
alert(); // Doesn't alert why not?
});
$(document).on("click",'.checkBtn', function () {
alert(); // Doesn't alert why not?
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.