Question

我有简单的脚本，我切换div。

<div id='csupport'></div>
<script>
$( document ).ready(function() {    
    $( "#csupport" ).load( "csupport.php .email-item" ); 
    $( ".writee, .reply" ).click(function() {
     $(".format").toggle();
    });
});
</script>

问题是切换功能对.reply类不起作用。回复类是从csupport.php中提取的。知道如何让它发挥作用吗？

Answer 1

当您通过.load()加载内容时，这就是.reply和.writee元素在页面加载后附加到#csupport的原因，这使得它们成为动态元素。因此，您需要事件委派（也称为实时事件绑定）。试试这个：

$( "body" ).on("click", ".reply", function() {
   $(".format").toggle();
});

Answer 2

如果您的元素动态添加到页面中，您应该使用JQuery .ON（）或.OFF（）来绑定动态事件，如下所示：

$( "body" ).on( "click", ".reply", function() {
  $(".format").toggle();
});

jQuery onclick在加载的类中不起作用

2 个答案: