javascript - 刷新带有 <script> 标签的 div

Question

使用这段代码，我想让 div 每 10 秒“刷新”一次:

 <script type="text/javascript">
        var auto_refresh = setInterval(
        function(){
            $('#refresh').empty();
            $('#refresh').load('index.php?_=' +Math.random()+' #refresh').fadeIn("slow");
        }, 10000); // refresh every 10000 milliseconds
    </script>

代码适用于 <ifram> div 中的标记，例如:

<div id="refresh" align="center" ><iframe src="//www.youtube.com/embed/wEhniGlFDtA?feature=player_detailpage" ></iframe></div>

但是当我想放一个<script>在 div 中， <script .... ></script>重新加载消失后，示例:

<div id="refresh" align="center" ><script language="javascript" src=" #some_ads_src "></script></div>

谁能告诉我问题出在哪里？ (对不起我的英语，新来的)

Answer 1

此行从 #refresh 中删除所有子节点，包括嵌入的脚本标签:

$('#refresh').empty();

...然后此行从服务器加载数据并将返回的 HTML 放入 #refresh:

$('#refresh').load('...').fadeIn("slow");

显而易见的解决方案是 #refresh 应该为空，因为它的内容将由 AJAX 加载。内部 script 标签应该移到别处。