我一直在使用 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+'&libraries=visualization&callback=initialize">
map 已加载,但我无法使用与其相关的任何方法(即添加标记)。页面在调用后停止加载。
最佳答案
抱歉,您的示例运行良好。
$('.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 中。
关于javascript - JQuery 附加到动态 div 元素 - 异步脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37380270/