为什么我得到这个无限调用循环？

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 Widget 时，如果你检查 JS 控制台，你会看到奇怪的行为！为什么？我该如何解决？

编辑 似乎问题只出在 Firefox 上？我收到大量attempt to run compile-and-go script on a cleared scope 消息...

Answer 1

twitter 小部件使用document.write 语句。在 已加载 的页面上执行 document.write 会清空文档，因此会出现错误 -- demo here。我的两分钱：FireFox 做得对。

解决方法是告诉 TWTR 小部件避免使用 document.write，而是使用 DOM 操作。只需创建一个空 DIV 并将其 id 作为 id 参数传递给 TWTR 小部件 -- demo here。