Javascript jQuery无法识别由.html（）方法创建的选择器

我正在尝试创建一个动态内容框。当我单击一个按钮时，该框的内容将以.html（）更改。当我单击另一个时，内容再次更改

这很好，但在此框中创建的任何内容似乎都不可选择

例如：

$(document).ready(function(){

    boxContent1 = "<div class='studySelector'></div>";

    $("#caseStudy").on('click',function(){
        $("#botBox").hide().html(caseStudy).fadeIn(1000);
    });

});

什么也没发生。为什么会这样

渲染后在dom中动态创建节点时，必须使用：

$('#botBox').on('click', '.studySelector',function(){
    alert("testing!");
});

应该正在工作。

使用事件委派

$（“#botBox”）。在（'click'，'studySelector'，function（）{

$('#botBox').on('click', '.studySelector',function(){
    alert("testing!");
});