使用asynchrounous JS

时间:2016-09-19 07:03:58

标签: javascript html asynchronous

我在代码中不需要帮助,但在为我的问题设计解决方案时。

我设计了一个异步函数,完全按照此问题的接受答案中的解释:How to make a function wait until a callback has been called using node.js

我也称那个异步函数如下所述:

myFunction(query, function(returnValue) {
  // Display returnValue and display it in a DIV called myDIV
});

我的问题:

我有一个网页,其中包含一个页眉,一个页脚和两个DIV。

点击其中一个DIV会导致删除display:none)并呼叫上面的myFunction( ... )。但是DIV(在上面的评论中)并没有在页面的页眉和页脚之间显示出来。

当我尝试这个时:

myFunction(query, function(returnValue) {
      // creating a DIV as a documentElement to display returnValue within it
      // document.body.append(myDIV)
});

我看到页脚后面附加了myDIV,但页面的页眉和页脚之间没有(代替之前的2个DIV)

你能告诉我如何解决这个问题吗?

2 个答案:

答案 0 :(得分:1)

write()

您将div附加到正文,因此它将始终是DOM中的最后一个元素

尝试在页眉和页脚之间添加容器div并向其添加新元素

答案 1 :(得分:-1)

将这2个DIV包装在容器DIV中并为DIV分配ID。 删除DIV时不要删除容器。 现在,您可以使用容器DIV的ID附加新元素。

$('#container').append(DIV);