なぜ私はこの無限呼び出しサイクルを取得するのですか？

Question

これは私の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を参照してください！どうして？それをどうやって修正することができますか？

EDIT問題はFirefoxでのみ発生しているようですか？私はattempt to run compile-and-go script on a cleared scopeメッセージのトンを得る...

Answer 1

twitterウィジェットはdocument.writeステートメントを使用しています。 がロードされたページ上にdocument.writeを実行すると、がロードされ、その結果、エラー - demo hereが破棄されます。私の2セント：FireFoxは正しいことをやっています。

回避策は、document.writeを避け、代わりにDOM操作を使用するようにTWTRウィジェットに指示することです。空のDIVを作成し、そのIDをidパラメータとしてTWTRウィジェット - demo hereに渡すだけです。