Question

我有一个页面，人们可以在其中编辑我的网站上的项目。

当他们单击项目时，要对其进行编辑的表单将通过AJAX加载到div页面上，根据他们选择编辑的项目，表单字段已经填写完毕。

作为编辑表单的一部分，我有一个“所见即所得”编辑器，我需要使用一个功能来启用它，但仅当内容已加载或出现无法找到该元素的错误时才可以。

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
    if(this.readyState == 4 && this.status == 200){
        $("#myDiv").html(this.responseText);
        // myFunction();
    }
};
xmlhttp.open("POST", "myPage.php", true);
xmlhttp.send();

内容完全加载后，如何启动函数。对此将提供任何帮助或帮助。

Answer 1

一旦内容已完全加载，我该如何触发功能？

.html()方法是同步的，这就是为什么它没有回调，任何代码的原因在HTML载入后肯定会执行。但是您可以使用.promise().done()来等待。

由于您使用的是jQuery，因此您的代码可以简化为：

$.post('myPage.php', function(response){
    $("#myDiv").html(response).promise().done(function(){
        //myFunction();
    });
});

触发需要查找通过AJAX加载到页面中的元素的函数

1 个答案: