Un simple clic qui ne fonctionne pas

**alainbb** · 10/12/2015, 22h23

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 :

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
<!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 :

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

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
});