Question

尝试使用以下javascript每隔60秒刷新一次div：

<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load').fadeOut('slow').load('index.html #load').fadeIn("slow");
}, 60000);
</script>

这是相应的div：

<div class = "well" id="load">
  <center><h3><i class="icon-bar-chart"></i> Mt.Gox</h3></center>
  <center><h3>&#579;1 = <?php echo $usd; ?> USD</h3></center>
<hr>
  <center><h3><i class="icon-bar-chart"></i> BTC-e</h3></center>
  <center><h3>&#579;1 = <?php echo $usde; ?> USD</h3></center>
</div>

div目前根本不爽。

感谢您的帮助！

Answer 1

好的，因为你错误地使用了脚本。你需要使用如下的回调

    <script type="text/javascript">
    var auto_refresh = setInterval(
    function ()
    {
    $('#load').fadeOut('slow',$(this).load('index.html #load', 
       function(){
          $(this).fadeIn("slow");
       })
    )
    }, 60000);
    </script>

Answer 2

编辑：我误解了代码，所以请忽略我原来的评论！

尝试删除网址中的 #load 。它根据jQuery API完全有效，但我认为在这种情况下它会导致变形。

就是这样，改为：

$('#load').fadeOut('slow').load('index.html').fadeIn("slow");

当你在一个元素上调用.load（）时，它会加载到该元素中，如果你还要在Url中指定相同的元素来加载 - 我认为这会导致问题。

Answer 3

请参阅此链接：Origin null is not allowed by Access-Control-Allow-Origin

同样这个问题，我认为你不应该通过file：/// URL加载html数据。为什么不在同一个文件中加载div。例如：

$（'#load'）。fadeOut（'slow'）。load（$（'＃test'）。css（'display'，'inline'））。fadeIn（“slow”）;

和div标签是这样的：

div id =“test”style =“display：none;”

用javascript自动刷新div

3 个答案: