Bonjour tout le monde,
J'utilise le plugin jQuery UI 1.8.21, et jQuery 1.7.2.
Comme expliqué dans le titre j'utilise des composants de jQuery UI, ils fonctionnent parfaitement sur Firefox, et Chrome mais, il n'affiche rien du tout sur Internet Explorer... C'est comme s'ils n'existaient pas...
J'utilise les composants "Tabs" et "Accordion"
Voila la code que j'utilise dans un fichier externe :
Code jQuery : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 $(function() { $( "#tabs" ).tabs(); }); $(document).ready(function(){ $('.accordion').accordion(); });
Les import :
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <link rel="stylesheet" href="../js/css/ui-lightness/jquery-ui-1.8.21.custom.css" type="text/css" > <link rel="stylesheet" href="../css/style.css" type="text/css" > <script type="text/javascript" src="../js/js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="../js/js/jquery-ui-1.8.21.custom.min.js"></script> <script type="text/javascript" src="../js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="./js/function.js"></script> <script type="text/javascript" src="../js/function.js"></script> <script type="text/javascript" src="../plugins/ckeditor/ckeditor.js"></script>
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38 <div id="tabs" class="tab"> <ul> <li><a href="#tabs-1">Gestion des news</a></li> <li><a href="#tabs-2">Gestion des galeries</a></li> <li><a href="#tabs-3">Gestion des médias</a></li> </ul> <div id="tabs-1"> <div class="accordion"> <h3 class="head"><a href="#"><img src="../images/france.png" alt="Français"/>Traduction Française</a></h3> <div> Titre : <br/><input style="width:100%" type="text" name="titreFR" /><br/> Description :<br/><input style="width:100%" name="descriptionFR" /><br/> Contenu :<br/> <textarea id="contenuFR" name="contenuFR" class="ckeditor"></textarea> </div> <h3 class="head"><a href="#"><img src="../images/allemagne.png" alt="Allemande">Deutsch Übersetzung</a></h3> <div> Titel : <br/><input style="width:100%" type="text" name="titreDE" /><br/> Beschreibung :<br/><input style="width:100%" name="descriptionDE" /><br/> Inhalt :<br/> <textarea id="contenuDE" name="contenuDE" class="ckeditor"></textarea><br/> </div> </div> </div> <div id="tabs-2"> [... Du code PHP ...] </div> <div id="tabs-3"> </div>
Si quelqu'un est déjà tomber sur ce problème... Je vous remercie par avance !
PS: désolé si toutes mes balises sont décalés, elles ne le sont pas dans mon code...
Partager