Discussion :

[symfony_dev]

Bonjour,

J'ai un soucis avec mon sélecteur jQuery :

voici un modèle de lien :

Code :

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

1
2
 
<a class="lien" id="{{ prod.id }}" href="">{{ prod.name }}</a>

ceci fonctionne:

Code :

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

1
2
3
4
 
$("a").click(function(){ 
    alert('clique');
 });

ceci ne fonctionne pas

Code :

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

1
2
3
4
 
$(".lien").click(function(){ 
    alert('clique');
 });

ceci ne fonctionne pas non plus

Code :

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

1
2
3
4
 
$("a .lien").click(function(){ 
    alert('clique');
 });

Dans le sélecteur, faut-il que j'écrive toutes les divs parentes du lien ?

Merci.

[Bovino]

ceci ne fonctionne pas

Code :

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

1
2
3
4
 
$(".lien").click(function(){ 
    alert('clique');
 });

Ce n'est pas normal étant donné l'exemple de lien. Il doit y avoir une erreur (faute de frappe ?) dans ton code...

ceci ne fonctionne pas non plus

Code :

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

1
2
3
4
 
$("a .lien").click(function(){ 
    alert('clique');
 });

Ca c'est normal, les sélecteurs jQuery s'inspirent de la syntaxe CSS, donc $("a .lien") correspond à tous les éléments ayant la classe "lien" qui sont enfant d'une balise <a>.

[SpaceFrog]

fonctionne:

Code :

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

1
2
3
$(".lien").click(function(){ 
    alert('clique');
 });

fonctionne:

Code :

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

1
2
3
4
 
$("a.lien").click(function(){ 
    alert('clique');
 });

sans espace

[symfony_dev]

ah oui.... Erreur de débutant, je vais revoir les tutos jQuery.

Donc, mes liens sont comme celui ci :

Code :

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

<li><a class="lien" id="{{ prod.id }}" href="">{{ prod.name }}</a></li>

la solution :

Code :

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

1
2
3
4
 
$("li .lien").click(function(){ 
    alert('clique');
 });

J'en profite pour poser une autre question, si je veux faire fonctionner ce code dans des pages chargées dynamiquement, il faut que je place ce code dans toutes les pages dynamiques ? cela ne me parait pas très correct.

Merci.

[SpaceFrog]

chargées dynamiquement dans la même page ???

Regarde du coté le live(), on() et delegate() pour que les elements ajoutés dynamiquement héritent des evenements attribués sur le ready

[symfony_dev]

Je reconnais que je n'ai pas été très clair lol

J'utilise des templates twig et l’héritage de template.

Le script me permet d'afficher dynamiquement les détails d'un produit dans une partie de la page.Je souhaiterais que le script accède aux liens qui ont été chargés dans cette partie.

Je vais regarder du coté de .live(), on() et delegate().

EDIT: J'ai utilisé .live() et non delegate() car mes liens sont dans des conteneurs différents.

Merci