Javascript 使用jquery动态加载淡出div

我正在编写一个小应用程序，我在使用jquery删除动态加载的div（如淡出）时遇到问题

这个问题只在我添加一个新的内容框时才会出现，如果我重新加载页面，并且内容框不是动态呈现的，而是正常呈现的（如从数据库查询中），它会很好地删除（如淡出），但是当重新添加div时，我无法将其删除

$result = '<div class="my-music-item">'. $app['twig']->render('soundcloud-player.twig', array(
            'url'=>$mix->getUrl(),
            'player_type'=>'artwork',
            'url'=>$mix->getUrl(),
            'color'=>'ff0948',
            'height'=>'200',
            'width'=>'200'
        )) . '<p class="delete-mix-wrapper"><a class="delete-mix" data-mix-id="'.$mix->getId().'" data-post-to="'.$app['url_generator']->generate('delete-mix-post').'" href="javascript:;">Delete</a></p>' . '</div>';

        return new Response(json_encode(array(
            'html'=>$result,
            'status'=>'true'
        )));

我读了很多书，运气不好！首先，我的代码看起来有点不同，它没有

.on('click', function() { 

而是

.click(function() {

---

提前感谢您的输入

@PSL是正确的。使用jQuery添加事件处理程序的一个常见问题是，当JS运行时，页面上不存在该元素，这意味着事件处理程序没有绑定到该元素，并且什么也没有发生

如果你换线

$('a.delete-mix').on('click', function() { ... } )

到

那你就不会有什么麻烦了

传递到

on（）

方法的第二个参数充当绑定事件处理程序的原始选择器的过滤器。为了用通俗易懂的英语解释我提供的示例，您告诉浏览器在页面上的任何地方都要收听单击，并检查单击的内容是否恰好是

希望这有帮助。
尝试
$（文档）。在（'click'，'a.delete-mix'）
上，将文档更改为一直存在于DOM中的容器。并阅读关于事件委派的信息。您不能将listner添加到不存在的div中。通过这种方式，您可以阅读关于事件委派的信息，或者在动态加载完成后简单地添加listner。您不是php人员，但您能在回调中附加处理程序以生成代码吗？或者是否存在在结果返回时触发的事件？.on（'click'，function（）和.click（function（））完成同样的事情。但是第一个会接受论点。谢谢@grammar根据你的回答，我确实设法解决了，但我同意我应该更具体一些，我会添加盒子的容器而不是文档！。嗨，jlchardet如果@grammar已经解决了你的答案，请礼貌地接受它作为答案；要这样做，请单击o答案旁边的勾选线。祝你网站好运。
$('a.delete-mix').on('click', function() { ... } )

$( document ).on( 'click', 'a.delete-mix', function() { ... } )