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>

代码与div中的<ifram>标记一起使用，作为示例：

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

但是当我想在div中添加<script>时，重新加载后<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标记移动到其他位置。

使用<script>标记刷新div </script>

1 个答案: