我使用创建一个元素Jquery
并给它一个类.book
:
jQuery('<div/>', {
name: "my name",
class: 'book',
text: 'Bookmark',
}).appendTo('body');
然后我想在单击该类时做一些事情,所以我自然而然地写了一个快速而简单的:
$('.book').click(function(){
alert('I have been clicked');
});
这样可行
什么不起作用,如果我让它在点击时添加这些元素。所以以下不起作用:
var bms = 0;
$('button').click(function(){
bms += 1;
jQuery('<div/>', {
name: bms,
class: 'book',
text: 'Bookmark ' + bms
}).appendTo('body');
});
$('.book').click(function(){
alert('I have been clicked');
});
为什么会发生这种情况,我该如何解决?
提琴手
另一件事:
此外,如果我的正文中已经有一个包含该类的 div .book
,则 click 事件将适用于该类,但不适用于任何附加div
的 s。这是另一个 jsfiddle 来表明