jquery - Jquery：使用 Jquery setInterval 在 IE/Chrome 中不刷新 DIV 标签

Question

我正在尝试使用 Google-Ajax-Feed-API 和 JQuery 来阅读博客条目提要。我已经完成了大部分工作，但是在每 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
    }); 
  }
);