$ .getScript() и $ (window) .load() в Safari 5 не всегда работает

Question

Я столкнулся с аналогичной проблемой с this guy, за исключением того, что моя проблема связана со сценариями, а не с изображениями.

Я использую комбинацию $.getScript() и $(window).load() для динамического загрузки JavaScript и использования функций, которые загружаются после полной загрузки сценария.

Это хорошо работает в Chrome, но Safari, похоже, всегда запускает событие onload слишком рано. Мне было интересно, есть ли способ заставить Safari ждать, пока все сценарии загрузятся аналогично блоку document.body.offsetWidth. Из того, что я понял (и из результатов, которые я видел, когда я его тестировал), document.body.offsetWidth блокируется до тех пор, пока не будут загружены стили и изображения, но, по-видимому, не скрипты.

Редактировать: Возможно, стоит отметить, что он делает иногда работает в Safari, но я не вижу шаблона. Иногда событие запускается до того, как скрипт полностью загружен и выполнен, и обработчик прошел $(window).load() сбой, потому что функции отсутствуют.

Answer 1

На основе комментариев, которые вы сделали, в частности тех окружающих зависимостей, я хотел бы использовать библиотеку как RequireJS. Это даст вам то, что вам нужно для импорта скриптов и их зависимостей, а также перехватывает вызовы функций и кода при выполнении зависимостей.

Answer 2

Вы пробовали готовый старый документ?

$(document).ready(function() { 
    //code here 
}) 

У меня никогда не было проблем при использовании этого. В худшем случае вы можете сбросить тег скрипта после всех других тегов скрипта, которые содержат требуемый код.

Answer 3

В этом примере я рассказываю загруженным сценариям, что мне нужно что-то сделать, чтобы сообщить о загрузке функции. Когда все, что мне нужно, загрузится, я запускаю любой код, в котором я нуждаюсь.

// Simplified callback to check for all scrips loaded. 
var numDynScriptsReady = 0, 
    numDynScriptsNeeded = 4; 

function dynScriptsReady() 
{ 
    numDynScriptsReady++; 

    if(numDynScriptsLoaded == numDynScriptsNeeded) 
    { 
     // Run functions you need after loaded.... 
    } 
} 

// Example script get 
$.getScript("http://example.com/script.js", dynScriptsReady); 
// etc....