Jquery 难以理解如何正确使用.on

可能是个愚蠢的问题，但对JQuery来说还是个新问题

我有一个div作为一个按钮，可以通过加载来加载内容。加载，问题是我在JS中加载的任何东西都不会对它起作用

HTML:

<div class="a" id="aa">Button #1</div>
</br>
</br>
<div id="loada"></div>
</br>
</br>
<div id="loadb"></div>

$(document).ready(function(){
  $('#aa').click(function(){
    $('#loada').load('load.htm #bb');
});
  $('#bb').click(function(){
    $('#loadn').load('load.htm #cc');
});

<div class="b" id="bb">Button #2</div>
<div class="c" id="cc">Content #1</div>

}))

加载HTM:

<div class="a" id="aa">Button #1</div>
</br>
</br>
<div id="loada"></div>
</br>
</br>
<div id="loadb"></div>

$(document).ready(function(){
  $('#aa').click(function(){
    $('#loada').load('load.htm #bb');
});
  $('#bb').click(function(){
    $('#loadn').load('load.htm #cc');
});

<div class="b" id="bb">Button #2</div>
<div class="c" id="cc">Content #1</div>

委派事件方法仅将事件处理程序附加到一个元素

 $("#selector").on("click", "selector", function(event){

    });

---

您可以像这样尝试使用load的click回调函数：

$(document).ready(function(){
  $('#aa').click(function(){
    $('#loada').load('load.htm #bb',function(){
        $('#bb').click(function(){
            $('#loadb').load('load.htm #cc');
        });
    });
});

---

使用

$（文档）。在（'event'，selector'，function）

上，与

$（文档）类似。在（'click'，'#aaa'，function（）{…}）

上，这不是OP拥有的相同代码吗？不起作用的那个？好吧，现在不同了，但它仍然有同样的问题。在元素存在之前，事件处理程序仍然是绑定的。您能为我进一步解释一下吗？@user2206632委派事件方法仅将事件处理程序附加到一个元素bb，事件只需要向上冒泡一级。请参见此处检查操作底部的编辑，我做错了什么？cc是我试图通过按钮2加载的div的ID。aa加载bb，然后bb加载cc。ok。fpr u不工作吗