静态内容上的jquery事件委托不'；行不通

JQuery事件委托不适用于静态内容，但适用于动态添加的元素。Alert（‘test’）在动态添加的div上工作得很好，但在已经存在的静态div上却不行

$（文档）.ready（函数（）{
$（'.addPost'）。在（'click'，function（）上{
console.log（“你好”）；
var dyanamicdiv=
'  '+
'      '+
“你好”+
'      '+
'  ';
$（'.post container'）.append（dyanamicdiv）；
});
$（'.post container'）。在（'单击'，'上。单击delgated event'，function（）{
警报（“测试”）；
});
});

你好
添加POST
这是因为静态元素类中缺少了
-
（在代码中，静态元素的类为：
单击delgated event
，而在jQuery代码中，您的目标元素的类为
单击delgated event
）：


$（文档）.ready（函数（）{
$（'.addPost'）。在（'click'，function（）上{
console.log（“你好”）；
var dyanamicdiv=
'  ' +
'      ' +
“你好”+
'      ' +
'  ';
$（'.post container'）.append（dyanamicdiv）；
});
$（'.post container'）。在（'单击'，'上。单击delgated event'，function（）{
警报（“测试”）；
});
});

你好
添加POST
将
-
添加到您的div类名中

如下图所示：

<div class="click-delgated-event">
   hello
</div>


你好

您的类名中错误地缺少了
-

因此，它在
处正常工作，您错过了
-
它应该是

<div class="post-container">
    <div>
        <div class="click-delgated-event">
            hello
        </div>
    </div>
</div>


你好