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">

地圖已加載，但是我不能使用與其相關的任何方法（即添加標記）。 該頁面僅在調用后停止加載。

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是否在文檔就緒塊中。