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 javascript : Sélectionner tout - Visualiser dans une fenêtre à part
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 javascript : Sélectionner tout - Visualiser dans une fenêtre à part <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
Partager