javascript - 更改类后单击()

Question

我有这个代码:

$(document).ready(function(){
    $('.notUsed').click(function(){
        $(this).attr('class', 'used');
    });
});

$(document).ready(function(){
    $('.used').click(function(){
        alert("Are you sure you want to do this?");
    });
});


<div class="notUsed"></div>

在我第一次点击 div 之后一切正常，STLye 改变了一切。但是当我第二次点击它时，第二个事件不会触发。我做错了什么？

Answer 1

这个语法:
$('.used').click(函数(){
用类名“used”绑定(bind)所有当前元素。由于使用的类是在文档初始加载后添加的，因此需要动态绑定(bind)它:
$(文档).click('.used',function(){
如果可能，您应该使用.used 的父级而不是文档作为选择器。