Chargement de jquery de manière asynchrone avant les autres scripts

Je voudrais jQuery avec async attrib et exécuter d'autres quelques externes
les scripts de manière asynchrone seulement après que jquery est chargé.

Ça veut dire quoi? Il sonne un peu comme vous voulez charger jQuery d'abord, puis d'autres choses quand il est fait. Donc, vous voulez charger de façon synchrone. Si vous voulez continuer à utiliser l' async façon, vous pouvez définir une onload fonction pour continuer le chargement d'autres choses une fois que jQuery est prêt. Ou vous pourriez utiliser différer. Deux de ceux-ci sont expliqués ici: https://davidwalsh.name/html5-async

C'est peut être ce que vous cherchez:

http://www.yterium.net/jQl-an-asynchronous-jQuery-Loader - jQl asynchrone jQuery Chargeur.

De manière asynchrone en charge de jQuery sans bloquer les autres composants:

jQl.loadjQ('http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js');

jQl automatiquement des captures de tous les jQuery().ready() appels, de sorte que vous pouvez écrire:

<script type="text/javascript">
  jQl.loadjQ('http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js');
  jQuery('document').ready(function(){
    alert('Hello world');
  });
</script>

jQl aura la file d'attente de ces appels de fonction, et de les exécuter dès que jQuery est chargé et que le DOM est prêt, car ils seraient exécutés de la manière habituelle.

<script>var JSdep = [
["//ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.4.min.js", "window.jQuery", "/bundle/jquery"],
["//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js", "self.framework === 'bootstrap'", "/bundle/bootstrap"],
["//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js", "window.jQuery && window.jQuery.ui && window.jQuery.ui.version === '1.12.1'", "/bundle/jqueryui"],
["//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js", "window.jQuery && window.jQuery.fn.selectpicker", "/bundle/bootstrap-select"],
]
</script>
<script type="text/javascript">
var downloadJSAtOnload = function (e) {
var src = e.srcElement.src.toString();
//console.log("[jquery] loaded", src);
for (var i = 0; i < JSdep.length; i++) {
if (src.indexOf(JSdep[i][0]) !== -1) {
if ((!JSdep[i][1]) || (eval(JSdep[i][1]))) {
console.log("[jquery] loaded ok", src);
break;
} else {
console.log("[jquery] fail", src);
return;
}
}
}
if (i === JSdep.length) {
console.log("[jquery] fallback loaded ok", src);
}
if (jqloaded) {
return;
}
jqloaded = true;
for (var i = 1; i < JSdep.length; i++) {
//console.log("[jquery] loading", JSdep[i][0], JSdep[i][1], JSdep[i][2]);
var raf2 = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf2) { window.setTimeout(dljquery([JSdep[i][0], JSdep[i][1], JSdep[i][2]]), 0); }
else window.addEventListener('load', dljquery([JSdep[i][0], JSdep[i][1], JSdep[i][2]]));
}
}
var downloadJSAtOnerror = function (e) {
var src = e.srcElement.src.toString();
console.log("[jquery] error", src);
for (var i = 0; i < JSdep.length; i++) {
if (src.indexOf(JSdep[i][0]) !== -1) {
console.log("[jquery] failed try fallback", src);
dljquery([JSdep[i][2], JSdep[i][1]]);
return;
}
}
console.log("[jquery] failed on fallback", src);
return;
}
//Add a script element as a child of the body
var dljquery = function (src) {
//console.log("[jquery] start", src);
var element = document.createElement("script");
element.src = src[0];
element.async = "async";
try {
document.body.appendChild(element);
} catch (err) {
console.log("[jquery] err", err);
}
if (element.addEventListener) {
element.addEventListener("load", downloadJSAtOnload, false);
element.addEventListener("error", downloadJSAtOnerror, false);
} else if (element.attachEvent) {
element.attachEvent("onload", downloadJSAtOnload);
element.attachEvent("onerror", downloadJSAtOnerror);
} else {
element.onload = downloadJSAtOnload;
element.onerror = downloadJSAtOnerror;
}
}
//       var fb = "/bundle/jquery";
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(function () { window.setTimeout(dljquery([JSdep[0][0], JSdep[0][1], JSdep[0][2]]), 0); });
else window.addEventListener('load', dljquery([JSdep[0][0], JSdep[0][1], JSdep[0][2]]));
var jqloaded = false;
function doOnload() {
console.log("[jquery] onload");
}
//Check for browser support of event handling capability
if (window.addEventListener)
window.addEventListener("load", doOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", doOnload);
else window.onload = doOnload;
</script>

trouvé
j'ai eu des problèmes avec l'amorce charges parfois, avant de jquery
maintenant np espère que cela aide les autres
j'ai mis ce script à la tête, mais a donné une erreur cant appendChild maintenant son avant de
/corps et vérifié qui fonctionne pour tous les navigateurs que j'ai essayé de script
async mais il n'a pas eu un événement qui me dire quand la fin du téléchargement
et quelques fois bootstrap chargée avant de jquery et vice versa, parce que
bootstrap dépendent de jquery, j'ai dû charger jquery et puis commencer à
télécharger "bootstrap" maintenant, je vais ajouter de secours

fixe, il

maintenant, il vérifie que jq chargé

et seulement alors, les charges autres

ok maintenant son copier coller