javascript - JQuery 附加到动态 div 元素 - 异步脚本

Question

我一直在使用 JQuery 将对象附加到分隔线。但是我需要完全清除屏幕的一部分并将 html 附加到新创建的布局中。

 <div class="main"><div class="example"></div></div>

  $('.example').append('some code');

但是工作正常

<div class="main"></div>
 $('.main').append('<div class="example"></div>');
 $('.example').append('some code');

不在屏幕上生成任何内容。

编辑:

我发现了原因。我正在使用谷歌地图并附加:

<script async="async" defer="defer" 
 src="https://maps.googleapis.com/maps/api/js?  
key='+map_key+'&amp;libraries=visualization&amp;callback=initialize">

map 已加载，但我无法使用与其相关的任何方法(即添加标记)。页面在调用后停止加载。

Answer 1

抱歉，您的示例运行良好。

$('.main').append('<div class="example"></div>');
$('.example').append('some code');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="main"></div>

也许检查一下你的js是否在文档就绪 block 中。