jQuery无法处理Ajax加载的内容


jquery is not working on ajax loaded content

$(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>

任何人都可以纠正我的代码吗?提前感谢!

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

参考:动态创建的元素上的事件绑定?

试试这个,

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