как обеспечить асинхронную загрузку jQuery и jQuery UI ?

[Светлана Г.]

Здравствуйте!

Кто-нибудь может подсказать, как обеспечить асинхронную загрузку jQuery и jQuery UI и не нарваться на т.н. "гонки"? 

[Great Rash]

Воспользоваться require.js например.

[Galaxy]

 var scripts = ["jquery.js", "jqueryUi.js"];

        var src;

        var script;

        var pendingScripts = [];

        var firstScript = document.scripts[0];

        function stateChange() {

            var a;

            while (pendingScripts[0] && pendingScripts[0].readyState == "loaded") {

                a = pendingScripts.shift();

                a.onreadystatechange = null;

                firstScript.parentNode.insertBefore(a, firstScript)

            }

        }

        while (src = scripts.shift()) {

            if ("async" in firstScript) {

                script = document.createElement("script");

                script.async = false;

                script.src = src;

                document.head.appendChild(script)

            } else {

                if (firstScript.readyState) {

                    script = document.createElement("script");

                    pendingScripts.push(script);

                    script.onreadystatechange = stateChange;

                    script.src = src

                } else {

                    document.write('<script src="' + src + '" defer><\/script>')

                }

            }

        }

 

 

В scripts передаете массив путей к скриптам,

Edited April 8, 2014 by Galaxy

[Светлана Г.]

Great Rash, Galaxy, спасибо! Буду пробовать.

[Светлана Г.]

Выяснилось, что предложенные варианты не подходят, к сожалению,

[Galaxy]

а можно поподробнее чем не подходят ?

[Светлана Г.]

Этот вопрос интересовал моего коллегу. Единственное, что он сказал, что ответившие не до конца понимают проблему.

 

Ни в коем случае никого не хотела обидеть!

Edited April 9, 2014 by Светлана Г.

[Great Rash]

Это значит, что вы нам не достаточно полно описали проблему.

[Светлана Г.]

Объяснение вот:

Есть синхронная загрузка скриптов, которая происходит при

<script src=””></script>

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

 

А есть асинхронная, которая включается

<script src=”” async></script>

 

В этом случае браузер НЕ ЖДЕТ загрузки, а грузит все параллельно и выполняет рендеринг и др. скрипты.

 

Но с jQuery такой фокус не проходит. jQuery, и особенно jQuery UI, не успевают загрузиться к моменту  выполнения скриптов. Это и называется «гонки».

Все рецепты, предложенные ранее, фактически загружали скрипты СИНХРОННО, а суть вопроса была КАК АСИНХРОННО грузить jQuery и UI.

 

Edited April 9, 2014 by Светлана Г.

[Galaxy]

мой вариант кроссбраузерный и асинхронный

[Great Rash]

Вы наверное невнимательно прочитали документацию к require.js. Там есть такое понятие как dependencies (зависимости), он грузит все скрипты асинхронно  и по окончании загрузки вызывает коллбэк.

[Светлана Г.]

Нашла такой вариант: http://www.yterium.net/jQl-an-asynchronous-jQuery-Loader