Чем jQuery.ajax ({url: 'foo.js', dataType: 'script', async: false}) отличается от document.write?

Question

Я надеялся использовать $.ajax({url:'foo.js', async:false, dataType:'script'}) для блокировки отображения содержимого, пока не загрузится foo.js. Предполагалось, что синхронная загрузка скрипта примерно эквивалентна document.write. Я предполагаю, что это неправильно, так как я все еще получаю FOUC.

Хотя я могу решить проблему немедленно, скрыв элемент и показывая его при загрузке скрипта, мне интересно, чем синхронный вызов $.ajax отличается от document.write. Если вам случится узнать способ получения поведения блокировки контента из jQuery, это также было бы интересно.

Спасибо!

Адам

Answer 1

Вы можете определить переменную / конструкцию в foo.js и дождаться ее определения.

Функция .load () может использоваться для ожидания загрузки определенного элемента: http://api.jquery.com/load/