Jquery: тег DIV не обновляется в IE/Chrome с использованием Jquery setInterval

Question

Я пытаюсь читать фид записей в блогах, используя Google-Ajax-Feed-API и JQuery. Я добился большинства вещей, но при обновлении тега DIV через каждые 10 секунд у меня возникают некоторые проблемы.

Код не обновляет тег DIV в IE или Chrome (однако он хорошо обновляется в 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
    }); 
  }
);