Un simple clic qui ne fonctionne pas
Bonjour,
Débutant dans jquery, j'aimerais pouvoir, en cliquant, charger du html dans un div, la, ca va. Mais que ce html soit réactif aussi, et ça ne marche pas.
Voici une version épurée de mon projet.
Je charge un html, je clique sur "a" ou "b" qui charge dans une div des balises "a" ou "b", mais celle-ci ne sont pas "sensible", c'est à dire que quand je clique dessus, rien ne se passe. Si j'utilise "examiner l'élément" de firefox, j'ai bien un balise "ev" pour la partie statique, mais pas la partie dynamique.
Une idée ?
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| <!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Musique</title>
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="musique.js"></script>
</head>
<body>
<a>a</a>
<b>b</b>
<div id="loginResult" class="container"></div>
</body>
</html> |
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13
| $(document).ready(function(){
$('div#loginResult').text("A changer");
$("a").click( function()
{
$('div#loginResult').html("<a>a</a><b>b</b>");
}
); // a
$("b").click( function()
{
$('div#loginResult').html("<b>b</b><a>a</a>");
}
); // b
}); |