javascript-使用ajax加载时,动态内容不起作用

前端之家收集整理的这篇文章主要介绍了javascript-使用ajax加载时,动态内容不起作用 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我试图在用户登录后使用$.ajax加载一些动态内容,如下所示:

$.ajax({
    url: "functions.PHP",type: "GET",data: login_info,datatype: 'html',async: false,success: function (response) {
        $('#main').html(response);
    }
});

问题是,以这种方式加载时某些事件不起作用.我使用.live()方法修复了按钮,但是例如可排序列表不起作用.如何以某种方式刷新DOM,并让jquery知道这些新添加的元素?

谢谢!

最佳答案
您需要在$.ajax的成功回调中重新初始化UI组件,例如:

$.ajax({
    url: "functions.PHP",success: function (response) {
        $('#main').html(response);
        $("#main .sortable").sortable();
    }
});
原文链接:https://www.f2er.com/jquery/531028.html

猜你在找的jQuery相关文章