Charger bibliothèque jQuery en fonction de la taille de l'écran
Bonjour,
Voici mon problème. Pour rendre un site existant responsive j'ai besoin de charger la bibliothèque jQuery 1.9 minimum (pour les dropdown de bootstrap par exemple). Mais il y a déjà une bibliothèque de chargée, et à priori cette bibliothèque à été customisée. Sur la version Desktop du site quand j'appelle mon jquery-1.11.3.min.js ça interfère avec des fonctions définies dans jquery-ui-1.8.16.custom.min.js et des fonctionnalités du site ne marchent plus.
J'aimerais donc pouvoir charger chaque fichier en fonction de la taille de l'écran (ce que je fais déjà avec le css par exemple)
Code:
1 2 3 4 5 6 7 8 9 10 11 12
|
<script type="text/javascript" >
if (screen.width > 1024) { // Desktop
document.write('<link type="text/css" rel="stylesheet" href="css/desktop.css" />');
} else if (screen.width < 1025 && screen.width > 767) { // Tablette
document.write('<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.css" />');
document.write('<link type="text/css" rel="stylesheet" href="css/tablette.css" />');
} else { // Smartphone
document.write('<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.css" />');
document.write('<link type="text/css" rel="stylesheet" href="css/smartphone.css" />');
}
</script> |
Mais on ne peut pas faire appel à ceci...
Code:
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
...comme je l'ai fais plus haut en utilisant des conditions. Ca ressemblerait à du javascript-ception
Enfin je ne sais pas si je me fait bien comprendre. Toujours est-il que je suis bloqué. Je ne sais pas comment régler cette affaire.
Merci