JavaScript не работает, если я не использую alert()!

Question

Я сталкиваюсь с этим вопросом время от времени, и я не знаю, как его решить. Вот мой код, который не удается:

function on_lightbox_open() { 

    system.contextBrowserInit(); 

    updateUrl(year + '/' + month + '/' + id); 
    ads.reload(); 
    system.analytics.reload(); 

    FB.XFBML.parse($('#bottom_flap .fb_like').get(0)); // facebook 
    $.ajax({ url: 'http://platform.twitter.com/widgets.js', dataType: 'script', cache: true }); 

    $('#lightbox .close').live('click', function(){ 
     $.modal.close(); 
    }); 
} 

Если добавить предупреждение в начале так:

function on_lightbox_open() { 

    alert('i work now'); 

    system.contextBrowserInit(); 

    updateUrl(year + '/' + month + '/' + id); 
    ads.reload(); 
    system.analytics.reload(); 

    FB.XFBML.parse($('#bottom_flap .fb_like').get(0)); // facebook 
    $.ajax({ url: 'http://platform.twitter.com/widgets.js', dataType: 'script', cache: true }); 

    $('#lightbox .close').live('click', function(){ 
     $.modal.close(); 
    }); 
} 

Это волшебно работает. Как заставить его работать без раздражающего случайного предупреждения?

Answer 1

Возможно, для вашего использования .live() требуется полностью загруженный документ, и предупреждение просто забудет у браузера дополнительное время. Попробуйте окружить $ (document) .ready();

Источник: jQuery-driven app. won't work without alert()

Answer 2

Вместо:

<script> 
    system.contextBrowserInit(); 
    //etc 
</script> 

Попробуйте это (HTML доктайп):

<script defer> 
    system.contextBrowserInit(); 
    //etc 
</script> 

Правильный синтаксис XHTML DOCTYPE является

<script defer="defer"> 
    system.contextBrowserInit(); 
    //etc 
</script>