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

Question

我一直在使用JQuery将对象追加到divides。但是我需要完全清除屏幕的一部分并将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">

地图加载，但我不能使用任何与之相关的方法（即添加标记）。该页面在通话结束后停止加载。

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是否在文档就绪块中。