mon problème c'est un problème de id :
hello2 ne s'affiche jamais

voila mon code complet
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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
	<link rel="stylesheet" href="css/general.css" type="text/css" media="screen" />
 
 
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
 
<script type="text/javascript">
$(document).ready(function(){
 
 $("#left-column .nav #li1project").on('click', function(){
alert('hello1');
 $('#left-column .nav').prepend('<li id="limenu"><a HREF="" TARGET="article">menu principale</a></li>');
  $('#left-column .nav #li1project').remove();
  $('#left-column .nav #li2project').remove();
  $('#left-column .nav').append('<li id="li1text"><a HREF="" TARGET="article" >ajouter un texte</a></li>');
  $('#left-column .nav').append('<li id="li2text"><a class="ls" HREF="" TARGET="article">rechercher un texte</a></li>');
});
 
 
 $("#left-column .nav #li1text").on('click', function(){
 
 alert('hello2');
 
 });
 
});
</script>
 
</head>
<body> 
 
<div style="height: 100px;">
</div>
<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>
 
</body> 
</html>