Problème sélection id Jquery

Salut à tous !

J'ai un problème de sélection du id avec JQ

le liens

<a href="f.php?action=SupprimerCours&cours_ID=2" class="supprimer" id="cours_2">Supprimer</a>

le JQ

//SupprimerCours
$(".supprimer a").live("click", function(event) { 
		// decouper 									
		var CoursS_Split	= (this.id).split("_");
		var CoursS 	= CoursS_Split[1]; // 
		alert(this.id);

		
	/*
		$.ajax({  
		type: "POST",  
		url: "inc/functions.php",  
		data: { ID:CoursS , action: "SupprimerCours"},  
		success: function(theResponse) {
			
			$("Cours" + productIDVal).hide("slow",  function() {$(this).remove();});
		
		
		}  
		});  
		*/
		
		
	});

Le id ne semble pas passer vers mon fichier php !

Une idée ?

Merci

Ton sélecteur est mauvais, tu cherches un élément ".supprimer" qui contient un <a>. De plus, tu ne supprimes pas l'évènement par défaut (c'est à dire suivre le lien href).

Donc :

$("a.supprimer ").live("click", function(event) {
	// decouper 									
	var CoursS_Split = (this.id).split("_");
	var CoursS 	= CoursS_Split[1]; // 
	alert(CoursS);
	
	// + appel ajax

	event.preventDefault();
});

Modifié par ZeB_panam (23 Sep 2011 - 07:52)

Merci

Ça semble fonctionner !
Mais je comprend pas pour quoi.

Un livre à suggérer ?

Merci encore

medbahn a écrit :
Merci

Ça semble fonctionner !
Mais je comprend pas pour quoi.

Un livre à suggérer ?

Merci encore

De rien, et des bouquins y'en a une liste ici : http://www.alsacreations.com/livres/

Sinon pour expliquer brièvement, tu ciblais donc un élément portant la classe ".supprimer" contenant une balise <a>, soit par exemple :

<span class="supprimer"><a href="lien.html">Lien</a></span>

Alors qu'en fait dans ton code, c'est la balise <a> elle-même qui porte cette classe.


Et ci-dessous la différence en css :

/* Mauvais ciblage */
.supprimer a{
}

/* Bon ciblage */
a.supprimer {
}

Quant au event.preventdefault(), il sert à désactiver le lien par défaut de la balise <a>, du coup seul le comportement javascript sera assigné (le live("click",function(){}); dans ton cas ).

Oui, je comprends maintenant, problème de chaise )

A+

Merci encore !
Très bien ton site en passant !

C!