Почему я получаю этот бесконечный цикл вызова?

Question

Это мой код :

<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, вы видите странное поведение! Зачем? И как я могу это исправить?

РЕДАКТИРОВАТЬ Кажется, проблема только в Firefox? Я получаю тонны attempt to run compile-and-go script on a cleared scope сообщений ...

Answer 1

В виджете твиттера используются операторы document.write.Выполнение document.write на странице, которая загружена , очищает документ, поэтому возникает ошибка - демо здесь .Мои два цента: FireFox делает правильные вещи.

Обходной путь - указать виджету TWTR избегать document.write и вместо этого использовать манипуляции с DOM.Просто создайте пустой DIV и передайте его идентификатор в качестве параметра id виджету TWTR - демо здесь .