Jquery：在IE/Chrome中使用Jquery刷新DIV標記setInterval

Question

我想通過使用Google-Ajax-Feed-API和JQuery來閱讀博客條目feed。我已經完成了大部分工作，但每隔10秒刷新一次DIV標籤，我遇到了一些問題。

該代碼不刷新IE或Chrome中的DIV標記（但在Mozilla中刷新的很好）。

任何幫助？謝謝。

 <script type="text/javascript"> 
     google.load("feeds", "1"); 
     google.setOnLoadCallback(initialize); 
     $(document).ready(function(){ 
      setInterval('initialize()',10000) 
     }); 
     function initialize() { 
      var url = "http://www.digg.com/rss/index.xml" + "?q=" + Math.random(); 
      var feed = new google.feeds.Feed(url); 
      feed.load(function(result) { 
       if (!result.error) { 
        var container = document.getElementById("feed"); 
        $(container).empty(); 
        for (var i = 0; i < result.feed.entries.length; i++) { 
         var entry = result.feed.entries[i]; 
         var div = document.createElement("div"); 
         div.appendChild(document.createTextNode(entry.title)); 
         container.appendChild(div); 
        } 
       } 
      }); 
     } 
    </script> 

Answer 1

這裏有一些嘗試。取而代之的是：

google.load("feeds", "1"); 
google.setOnLoadCallback(initialize); 
$(document).ready(function(){ 
    setInterval('initialize()',10000) 
}); 

試試這個：

google.load("feeds", "1"); 
google.setOnLoadCallback(// wait for google 
    function(){ 
    $(document).ready(function(){ // now jquery's doc ready 
     initialize(); // since you seem to want to run this immediately once 
     setInterval(initialize,10000); // and now every ten seconds 
    }); 
    } 
);