Javascript Don'；追加后我无法使用jQuery代码

追加后不要使用我的jQuery代码。如何改变js代码并运行它

我不使用ides中的“aaa或sss”，不使用它们怎么办

演示：

html:

jQuery：

$('.qqq').on('click', function (e) {
    e.preventDefault();
    $('#sss').empty().append('After typed must result alert: "This is ok" !??<div class="auto_box"><input name="we" class="de1"></div>');
})
$('.auto_box').on('keyup change', '.de1', function () {
    alert('This is ok');
})

$（'.qqq'）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（'#sss'）.empty（）.append（'键入后必须显示结果警报：“一切正常”！？？'）；
})
$（'.auto_box'）.on（'keyup change'，'.de1'，函数（）{
警报（“这没问题”）；
})

试试：

像这样试试

$('#sss').on('keyup change', '.auto_box .de1', function () {
    alert('This is ok');
});

或

$('.qqq').on('click', function (e) {
    e.preventDefault();
    $('#sss').empty().append('After typed must result alert: "This is ok" !??<div class="auto_box"><input name="we" class="de1"></div>');    
    // bind event here
    $('.auto_box').on('keyup change', '.de1', function () {
        alert('This is ok');
    });
});

$（'.qqq'）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（'#sss'）.empty（）.append（'键入后必须显示结果警报：“一切正常”！？？'）；
//在此绑定事件
$（'.auto_box'）.on（'keyup change'，'.de1'，函数（）{
警报（“这没问题”）；
});
});

---

用文档替换

'.auto_box'

$(document).on('keyup change', '.de1', function () {
    alert('This is ok');
});

原因：为什么上面的代码有效而你的代码无效

1.您正在动态添加元素。简单地说，加载DOM时，您添加的元素不存在

2.您需要为将来添加的任何元素分配。我们通常使用的方法，如

。单击（…），.on（…）

等，仅适用于DOM中当前的元素

3.这是您提供活动委派的方式

---

$（文档）.on（'keyup change'、'.de1'，function（）{……}）

我不使用ides中的“aaa或#sss”，不使用它们怎么办？我不使用ides中的“aaa或#sss”，不使用它们怎么办？请参见

第二次演示

不使用

#aaa

和

sss

$('.qqq').on('click', function (e) {
    e.preventDefault();
    $('#sss').empty().append('After typed must result alert: "This is ok" !??<div class="auto_box"><input name="we" class="de1"></div>');    
    // bind event here
    $('.auto_box').on('keyup change', '.de1', function () {
        alert('This is ok');
    });
});

$(document).on('keyup change', '.de1', function () {
    alert('This is ok');
});