Discussion :

[t3__rrY]

Bonjour à tous,

mon problème est simple, je cherche à ajouter une classe 'active' sur un élément de type <li>; j'y arrive lorsque je ne charge aucun contenu AJAX ou synchrone.
Par contre, dès que je charge du contenu, la classe s'ajoute et disparait tout de suite, est ce qu'une bonne âme aurait une idée Voici mon code:

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
 
   var events = {
        init: function(){
            var element = $('nav ul li a');
            element.on('click', function(e){
 
                var link = $(this);
 
                e.preventDefault();
                events.load(link);
 
                if($(this).data('menu') == $(this).html().toLowerCase()){
 
                    $(this).parent().siblings().removeClass('active');
                    $(this).parent('li').addClass('active');
                }
 
            });
        },
        load : function(variable){
            $('body').load(variable[0].href);
        }
}
events.init();

Merci d'avance pour le coup de main

[SpaceFrog]

je ne vois pas de souci ...

http://jsfiddle.net/xg3acqo2/

[t3__rrY]

Merci pour ta réponse SpaceFrog, je ne vois pas le soucis non plus; par contre je bosse sur CakePHP avec Foundation. J'ai tenté avec une barre de navigation "maison" mais j'ai toujours le même comportement, si je ne charge aucun contenu ça fonctionne sinon la classe est ajoutée et la page se recharge et la classe disparait...

[SpaceFrog]

si je ne charge aucun contenu ça fonctionne

tu parles d'éléments ajoutés dynamiquement APRES le ready ?

[t3__rrY]

Non je parlais de ma requête AJAX, si l'attribut href du lien est à "#" ou que je fais

Code :

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

e.preventDefault();

j'ai bien le comportement désiré
En fait lorsque je clique, la classe est ajoutée ensuite le contenu est chargé et la classe disparaît comme si l'élément du DOM ciblé n'était plus le même.
J'ai également cherché côté de "live()" qui est déprécié mais pas moyen de me débloquer avec la méthode "on()" non plus. J'ai quand même tenté avec ma navigation en dur mais le comportement est identique, c'est moche...

[SpaceFrog]

avec on() par délégation à partir du parent

Code :

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

1
2
 
obj.parent().on('click',obj, function(){ //ici ton addClass })