Afficher le contenu d'un href dans un alert en javascript

**fallon** · 01/10/2014, 14h55

bonjour a tous ..et j'ai un probleme

j'utlise le bootsrap de twitter.
j'ai fait des onglets et je veux que lorsqu'on clique sur l'onglet "livres" on puisse afficher "

Code html :

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

<a href="#">je suis un livre</a>

"dans la div "affichelien".jusque la il n'ya pas de probleme.
maintenant je veux que lorsqu'on clique sur ce lien ci dessus on puisse afficher le contenu du href c est a dire "#" a l'aide d'un alert.
mais lorsque je le fait , rien ne se passe. que puis je faire. svp aidez moi ..

voila tous le code

Code html :

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
<!DOCTYPE html>
    <head>
		<link href="bootstrap.css" rel="stylesheet">
        <link rel="shortcut icon" href="../favicon.ico"> 
    </head>
    <body>
		<div id="profilVisit">
			<legend></legend>
			<ul class="nav nav-pills">
				<li class="active"><a href="#accueil" >Accueil</a></li>
				<li><a href="#livres">Livres</a></li>
				<li><a href="#temoignages" >Témoignages</a></li>
			</ul>
			<div class="tab-content">
				<div class="tab-pane active" id="accueil">Texte d'accueil</div>
				<div class="tab-pane" id="livres">Tous les livres</div>
				<div class="tab-pane" id="temoignages">Tous les témoignages</div>
			</div>
			<hr>
			<div id="affichelien"></div>
			<p id='actif'><strong>Onglet actif </strong>: <span></span></p>
			<p id='precedent'><strong>Onglet précédent </strong>:<span></span></p>
		</div>	
		<script src="jquery-2.1.1.min.js"></script>
		<script src="bootstrap.min.js"></script>
 
		<script>

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
$(function(){
	$('ul li a').click(function (e) {
		e.preventDefault();
		$(this).tab('show');
	})
	.on('shown.bs.tab', function (e) {
		if($(e.target).text()=='Livres'){
			$('#affichelien').append('<a href="#" id="affichage">je suis le lien</a><br/><hr/>');
		}
		$('#actif span').html($(e.target).text());
		$('#precedent span').html($(e.relatedTarget).text());
	});
	$("#affichelien a").click(function(){
		var lien = $(this).attr("href");
		alert(lien);
		return false;
	});
});