Bonjour à tous, j'ai un probleme avec mon code jQuery lorsque j'essaie de voir ma page dans IE voici le code que j'utilise:


Code : 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
	$(document).ready(function() {
 
	$.ajax({
 
			type: "GET",
			url: "XML/ContenuSections.xml",
			dataType: "xml",
			error: function(e){
                       alert(e);
                   },
			success: function(xml) {
				$(xml).find('logement').each(function(){ 
					var nom = $(this).attr('nom');
					var telephone = $(this).attr('telephone');
					var siteWeb = $(this).attr('siteWeb');
					var images = $(this).attr('images');
					var adresse = $(this).attr('adresse');
					var texte = $(this).text();
					$('#selection ul#elements').append('<li><h3 class="ulObj">'+ nom + '</h3><ul class="ulObj"><li class="img"><img alt="'+ nom +'" src="'+ images +'"/></li><li class="infoSec">Adresse: "'+ adresse +'"</li><li class="infoSec">No. de téléphone: "'+ telephone +'"</li><li class="infoSec">Site Web: <a href="'+ siteWeb +'" target="_blank" >Acceder au site web de l\'entreprise. </a></li><li><p>'+texte+'</p></li></ul></li>');
 
			}); //close each(
				$('h3.ulObj').click(function() {
						$(this).next('ul.ulObj').toggle('fast');
					});
			}
		});		 
	});

Le code, essentiellement, recupere le contenu de mon fichier XML contenuSections et l'insère dans ma liste de classe 'ulObj'. Ensuite, lorsque je clique sur mon h3, la liste de classe ulObj se ferme grâce à un Toggle en jQuery. Ma fonction fonctionne a merveille sour Firefox, on voit tous les elements sans aucune erreur mais dès qu'on passe a IE, elle ne fonctionne plus et nous indique qu'il y a une erreur dans le script.