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();
    }
});