jquery没有处理ajax加载的内容

Question

$(document).ready(function(){
    $(".click").on('click', function(){
        var target = $(this).parent().children(".expand");
        $(target).slideToggle();
    });
});

由AJAX加载的HTML内容：

<div class="click" >...div with expand ....</div>
<div class="click" >...div with expand ....</div>

任何人都可以更正我的代码吗？提前谢谢！

Answer 1

<div class="click"></div>是动态创建的元素，因此我们需要在此处使用事件委派。

参考：Event binding on dynamically created elements?

试试这个，

$(document).on('click', '.click', function(){
    // Do something
});