/ / Comment charger plusieurs scripts sans qu'ils entrent en collision? - jquery, performance, src

Comment charger plusieurs scripts sans les heurter? - jquery, performance, src

Je travaille sur un site qui doit charger plusieurs scripts. Cependant, de temps en temps, un ou deux d'entre eux ne se chargent pas.

Existe-t-il un meilleur moyen de charger des scripts sur une page que ce que j'ai ci-dessous? (voir http://www.pushpinevents.com/alarm )

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Alarm of America</title>


<script  type="text/javascript" src="java/jquery-1.10.1.min.js"></script>

<script  type="text/javascript" src="java/jkmegamenu.js"></script>

<script  type="text/javascript">
jkmegamenu.definemenu("megaanchor0", "megamenu0", "mouseover");
jkmegamenu.definemenu("megaanchor2", "megamenu2", "mouseover");
jkmegamenu.definemenu("megaanchor3", "megamenu3", "mouseover");
jkmegamenu.definemenu("megaanchor4", "megamenu4", "mouseover");
</script>




<script  type="text/javascript" src="java/slides.js"></script>


<script  type="text/javascript" src="curvycorners.src.js"></script>





<script type="text/javascript">
$("#mainbanner").ready(function() {
$("#slides").slidesjs({
width: 842,
height: 325,
play: {
active: false,
// [boolean] Generate the play and stop buttons.
// You cannot use your own buttons. Sorry.
effect: "fade",
// [string] Can be either "slide" or "fade".
interval: 2000,
// [number] Time spent on each slide in milliseconds.
auto: true,
// [boolean] Start playing the slideshow on load.

pauseOnHover: true,
// [boolean] pause a playing slideshow on hover
restartDelay: 2500,
// [number] restart delay on inactive slideshow

},

navigation: false



});
});
</script>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

Réponses:

1 pour la réponse № 1

Vous pouvez jeter un oeil à Require.js. Il s'agit d'un chargeur de fichiers et de modules qui fournit une structure et une certitude au chargement des scripts.