在 JQuery 中动态重新加载元素并读取它们的新属性

Question

我有一个 Ajax 调用，它返回一段 html 代码，该代码应该替换页面上的旧 html 代码，并赋予它们新的属性。成功动态更改元素后，我想运行另一段 JS 代码，该代码读取并使用动态重新加载的元素的某些属性。但是，JS 更喜欢读取旧数据（就好像它在同步运行一样）。

我发现的唯一解决方法是设置一个计时器，但计时器的延迟时间必须相对较高（300 毫秒）才能保证它始终正确完成。这样做的正确方法是什么？

这是我现在拥有的伪代码。它可以工作，但 300 毫秒的延迟时间很糟糕。

$.post( "ajax/test.html", function( newCode ) {
    $("#myDynamicDiv").html(newCode);
    setTimeout(function(){
        //Use the data that was just stored in #myDynamicDiv
    },300);
});

Answer 1

对我来说，我使用 .promise().done() 可能对你有用

$("#myDynamicDiv").html(newCode).promise().done(function(){
  // your code here
});

编辑：对于稍后会来这里的人..虽然我的代码不适用于Mohasen，但他自己找到了解决方案..Please find his answer below

Answer 2

我接受了 Mohamed-Yousef 的回答，但由于其中不包括完整的答案，以下是我最终所做的完整版本：

JQuery ajax 调用在被调用时总是返回一个“Deferred”对象。您可以使用该对象的“then()”方法在 ajax 调用完成后运行。代码如下：

dfrd = $.post( "ajax/test.html", function( newCode ) {
    $("#myDynamicDiv").html(newCode);
});

dfrd.then(function(){
    //Anything that is here is guaranteed to happen after the Ajax call is done.
});