JQuery UI et IE8
Résolu
Lycia-Garou
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
Lycia-Garou Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
Lycia-Garou Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
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 :
Et mon menu en accordéon
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 :)
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
- One ui - Guide
- Ie8 - Télécharger - Navigateurs
- Uniget ui - Télécharger - Divers Utilitaires
- Realme ui 4.0 - Accueil - Guide téléphones
- Tweak ui - Télécharger - Personnalisation
1 réponse
Problème résolu en utilisant JQuery 1.5.2 et UI 1.8.12
De plus le
ne fonctionnait pas sous IE à cause du 'application'. C'est donc devenu
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>