JQuery: тег DIV не обновляется в IE/Chrome, используя JQuery setInterval

Question

Я пытаюсь прочитать фид записей в блогах с помощью API-интерфейсов Google-Ajax-Feed и 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 
    }); 
    } 
);