Discussion :

[DJ Caësar 9114]

Bonjour à tous,

J'ai un souci pour une application Web que je développe: j'ai défini des classes, dont une qui permet d'afficher un lien dans une div (le truc de base d'AJAX!): classe "lien_menu". Le souci, c'est que quand quelque part dans la page j'ai chargé du html dans une autre div qui contient un élément de cette classe, le lien ne se comporte pas comme s'il était de la classe "lien_menu"...
Je ne comprends pas le problème sachant que j'ai vérifié avec Firebug...

Merci!

EDIT: en réalité la classe se transmet bien (j'ai fait des tests avec des changements de police), cependant impossible de lancer cette fonction:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(".lien_menu").click(function(){
			alert('pouet');
				page=($(this).attr("href"));
				$.ajax({
					url:page,
					cache:false,
					success:function(html){
						afficher(html);
						},
					error:function(XMLHttpRequest, textStatus, errorThrows){
						}
					});
				return false;
				});

Les autres éléments qui ont effectivement la classe "lien_menu" donnent le message d'alert "Pouet", mais pas les éléments chargés par AJAX au cours de la navigation...

[Invité]

salut,

je suis pas sûr d'avoir bien compris.
Si dans le code html que tu retournes tu as un lien .lien_menu, alors l'event click que tu as définis ('bindé') ne s'appliquera pas car le code html n'était pas présent lors de lexécution du js.

Si tu veux bindé le lien .lien_menu que ca soit au chargement de la page ou au chargement du contenu html, tu peux utiliser l'event 'live'.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('.machin').live('click',function(){})

Mais pe ai-je mal compris...

[DJ Caësar 9114]

Oh non, au vu de ce que tu as l'air d'expliqué c'est peut être ça... Je ne sais pas ce qu'est le bindage et je ne connais pas la fonction live, je vais creuser ça.

En gros ma page est divisée en deux (div "menu" et div "contenu"), et la div "menu" contient une div "sous-menu". Les éléments dans la div "sous-menu" sont chargés en AJAX par des liens de "menu". Certains des liens "menu" vont directement dans le "contenu" et dans ce cas là ils ont la classe "lien_menu". J'ai donc donné la classe "lien_menu" à certains éléments chargés dans la div "sous-menu" pour qu'en cliquant ça charge dans "contenu", mais ça ne marche pas...

[DJ Caësar 9114]

Génial, c'était ça! Merci beaucoup, bonne nuit!