[英]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.