JQuery UI et IE8

Résolu/Fermé

Lycia-Garou Messages postés 4 Date d'inscription samedi 9 février 2013 Statut Membre Dernière intervention 2 janvier 2014 - 29 nov. 2013 à 15:48
Lycia-Garou Messages postés 4 Date d'inscription samedi 9 février 2013 Statut Membre Dernière intervention 2 janvier 2014 - 2 janv. 2014 à 10:40

Bonjour,

Codant une application en langage web (HTML 5/CSS3/AngularJS), je cherche à insérer un accordéon en JQuery UI pour mon menu. Le code fonctionne parfaitement sur Chrome et Firefox, la console ne relève aucun warning ou erreur, mais dès que je passe sous IE8, rien ne fonctionne.

Voici mon head :


<head>
      <meta charset="utf-8">
          
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
        <link href="style.css" rel="stylesheet">
     
        <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
      
        
        
        
      <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
      <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <link href="style_ie.css" rel="stylesheet">
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
   
       <script type="application/javascript" src="js/jquery.min.js"></script>
        <script type="application/javascript" src="js/bootstrap.min.js"></script>
        <script type="application/javascript" src="js/scripts.js"></script>
        
        <!-- Scripts angular -->
        <script src="lib/angular/angular.js"></script>
        <script src="js/controllers.js"></script>
        <script src="lib/angular/angular-route.js"></script>
        <script src="js/app.js"></script>
        
        <!-- JQUERY -->
     
      <script type="application/javascript" src="js/jquery-ui-1.10.3.custom.js"></script>
    
      
      <script type="application/javascript" >
          $(function() {
            $( "#accordion" ).accordion(
                { collapsible: true ,  active: false }
            );
          });
      </script>
        
    </head>

Et mon menu en accordéon


<div id="accordion" class="row-fluid">
                   
                        <h3>
                            <a href="#/annuaire">
                                <img src="img\icone-annuaire2.png" alt="Annuaire" title="Annuaire">
                            </a>
                        </h3>
                        <div class="submenu">
                            <p>
                            <img src="img\puce_titre.gif"><a href="#/annuaire/collab">Collaborateurs</a><br/>
                            <img src="img\puce_titre.gif"><a href="#/annuaire/client">Clients</a><br/>
                            <img src="img\puce_titre.gif"><a href="#/annuaire/ss_traitant">Sous-traitants</a><br/>
                            <img src="img\puce_titre.gif"><a href="#/annuaire/etablissements">Rest/Hôtels</a><br/>
                                </p>
                        </div>
                            
                            
                       <h3>
                           <a href="#">
                               <img src="img\thesaurus1.png">
                           </a>
                        </h3>
                        <div>
                            <p>
                            </p>
                        </div>
                        
                        <h3>
                            <a href="#">
                                <img src="img\bibliotheque-icone2.png">
                            </a>
                        </h3>
                        <div>
                            <p>
                            </p>
                        </div>
                        
                        <h3>
                            <a href="#">
                                <img src="img\icone-formation1.png">
                            </a>
                        </h3>
                        <div>
                            <p>
                            </p>
                        </div>
                    
                    </div>

Voilà. J'ai trouvé pas mal de choses (notamment sur les <meta http-equiv="X-UA-Compatible" content="IE=edge" /> )sur la toile mais rien qui ne résolve mon problème. Si quelqu'un a une idée je suis preneuse !

Merci d'avance :)

A voir également:

JQuery UI et IE8
Ie8 - Télécharger - Navigateurs
One ui 6.1 - Accueil - Téléphones
Realme ui 4.0 - Accueil - Guide téléphones
Tweak ui - Télécharger - Personnalisation
Uniget ui - Télécharger - Divers Utilitaires

1 réponse

Réponse 1 / 1

Lycia-Garou Messages postés 4 Date d'inscription samedi 9 février 2013 Statut Membre Dernière intervention 2 janvier 2014
2 janv. 2014 à 10:40

Problème résolu en utilisant JQuery 1.5.2 et UI 1.8.12
De plus le

 <script type="application/javascript" >
          $(function() {
            $( "#accordion" ).accordion(
                { collapsible: true ,  active: false }
            );
          });
      </script>

ne fonctionnait pas sous IE à cause du 'application'. C'est donc devenu

<script type="text/javascript" >
          $(function() {
            $( "#accordion" ).accordion(
                { collapsible: true ,  active: false }
            );
          });
      </script>

Discussions similaires

System UI s'est arrêté

c'est quoi debug et comment corriger l'erreur

écran d'accueil One UI s'arrête systématiquement.

p9 lite bloquer:(