2012-03-19 70 views
0

這是我code爲什麼我會得到這個無限呼叫週期?

<script type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script> 
<a id="renderPI" href="javascript:void(0);">Render Plugin</a> 

$('#renderPI').click(function() { 
    new TWTR.Widget({ 
     version: 2, 
     type: 'profile', 
     rpp: 4, 
     interval: 30000, 
     width: 650, 
     height: 202, 
     theme: { 
      shell: { 
       background: '#7ee1fc', 
       color: '#2e2e2e' 
      }, 
      tweets: { 
       background: '#ffffff', 
       color: '#949494', 
       links: '#009ece' 
      } 
     }, 
     features: { 
      scrollbar: true, 
      loop: false, 
      vlive: false, 
      hashtags: true, 
      timestamp: true, 
      avatars: false, 
      behavior: 'all' 
     } 
    }).render().setUser('google').start();  
}); 

,當我嘗試呈現Twitter的小工具,如果你檢查JS控制檯,你看到的怪bahaviour!爲什麼?我該如何解決它?

編輯似乎問題只在Firefox上?我得到了很多attempt to run compile-and-go script on a cleared scope消息...

+0

這裏沒有奇怪的行爲。你在看什麼瀏覽器? – Blazemonger 2012-03-19 15:29:02

+0

我看到這個:「試圖在清除的範圍上運行編譯並運行的腳本」這是你所說的奇怪行爲嗎? (火狐和螢火蟲) – RvdK 2012-03-19 15:30:40

+0

是的PoweRoy ...它仍然可以調用該功能...並且小部件不會出現... – markzzz 2012-03-19 15:32:58

回答

1

嘰嘰喳喳小部件使用document.write陳述。在加載的頁面上執行document.write清空文檔,因此出現錯誤 - demo here。我的兩分錢:FireFox做的是正確的事情。

解決方法是告訴TWTR小部件避免document.write,而是使用DOM操作。只需創建一個空的DIV並將其ID作爲id參數傳遞給TWTR小部件 - demo here

+0

您節省了我的一天:)謝謝!另外:爲什麼你的例子沒有http://widgets.twimg.com/j/2/widget.js? :O – markzzz 2012-03-20 08:29:51

+0

它_does_需要twitter部件;查看管理資源部分下的小提琴左側欄(或查看結果框來源)。 – 2012-03-20 08:32:54

+0

好吧,沒看過那一段!謝謝......一切都很完美!不幸的是,這種方式沒有得到一些CSS的樣式,在IE7 +上,奇怪的... ... – markzzz 2012-03-20 08:37:16

相關問題