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

时间:2016-05-22 22:21:37

标签: javascript jquery

我一直在使用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">

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

1 个答案:

答案 0 :(得分: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是否在文档就绪块中。