Discussion :

[geeksDeve]

Bonjour,

j'ai crée une fonction jQuery qui me permettra de changer le contenue fois u d'un menu a chaque fois, le problème c'est que j'arrive a modifier une seul fois et dans la deuxième fois 'arrive pas!!!

exemple: (a*)- dans le menu je veux changer "créer projet" par "ajouter un texte"
(b*)- après je change "ajouter un texte" par " ajouter un sous texte"
((a*) sa marche et (b*) sa marche pas )

1- code html :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<div id="left-column">
 
                <h3>Table d'administration</h3>
                <ul class="nav">
                    <li id="li1project"><a HREF="creationProjet.php" TARGET="article">creer projet</a></li>
                    <li id="li2project"><a HREF="rechercheProjet.php" TARGET="article">rechercher un projet</a></li>
                </ul>
                <a href="#" class="link" >Link here</a>
                <a href="#" class="link" >Link here</a>
 
</div>

la fonction jQuery :

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
 
$(document).ready(function(){
 
  $("#left-column .nav #li1project").click(function(){
   $('#left-column .nav').prepend('<li id="limenu"><a HREF="" TARGET="article">menu principale</a></li>');
   $('#left-column .nav #li1project').replaceWith('<li id="li1text" ><a  HREF="index.html" TARGET="article" >ajouter un texte</a></li>');
   $('#left-column .nav #li2project').replaceWith('<li id="li2text" ><a HREF="" TARGET="article">rechercher un texte</a></li>');
 
  });
 
$("#left-column .nav li #li1text").click(function(){
   alert('hello');
   $('#left-column .nav #li1text').replaceWith('<li id="li1soustext"><a HREF="" TARGET="article">ajouter un sous texte</a></li>');
   $('#left-column .nav #li2text').replaceWith('<li id="li2soustext"><a HREF="" TARGET="article">rechercher un texte</a></li>');
   $('#left-column .nav').append('<li id="li3soustext"><a HREF="" TARGET="article">ajouter une traduction au text</a></li>');
  });
});

pour l'info mon code n'est pas complet.
merci d'avance

[Bovino]

Voir : http://www.developpez.net/forums/d12...te-evenements/.

Même erreur, même solution...

[geeksDeve]

le problème lorsque je fais ça :

Code :

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

$('#left-column .nav').append('<li id="li2text"><a class="ls" HREF="" TARGET="article">rechercher un texte</a></li>');

par exemple.

j'arrive utilisé pas par la suite

id="li2text".

par exemple :

Code :

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

$('#left-column .nav #li2text').remove();

[geeksDeve]

j'ai esseyé de faire ça mais sa ne marche pas

Code :

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

1
2
3
4
 
$("#left-column .nav #li1project").on(click, function(){
//............
});

[SpaceFrog]

quelle version de jquery ???
voir live()

[geeksDeve]

j'ai essayé avec deux méthodes :

Code :

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

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

et

Code :

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

<script type="text/javascript" src="js/jquery.js"></script>

avec une version jQuery 1.2.6.

j'ai pas trouvé une autre version téléchargeable .