javascript - 动态重新加载元素并在 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