Bonjour,

Je voudrais recharger un div avec la methode load de cette maniere :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
<div id="content">
<ul id="load">
        <li><a href="#" id="chapitre1" data-ajax="chapitre1">Chap1</a></li>
	<li><a href="#" id="chapitre2" data-ajax="chapitre2">Chap2</a></li>
	<li><a href="#" id="chapitre3" data-ajax="chapitre3">Chap3</a></li>
</ul>
</div>
J'utilise jquery de cette maniere générique :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
$( '#load' ).on( 'click', 'a', function( ) {
  $('#content').load('Chapitres/'+$( this ).data( 'ajax' )+'.html #content' );
});
Le div est bien charger avec la page html correspondante au chapitre.

Apres j'esseye de charger le div de nouveau avec les titre du chapitres, et là , aucun appel jquery ne se passe !!!!!!!

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
$( '#titreChap1' ).on( 'click', 'a', function( ) {
  $('#content').load('Chapitres/chapitre1/'+$( this ).data( 'ajax' )+'.html #content' );
});
la page html d'une liste de titre pour le chapitre 1 par exemple est :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
<ul id="titreChap1">
     <li><a href="#" id="titre1" data-ajax="titre1">Titre 1</a> </li>
     <li><a href="#" id="titre2" data-ajax="titre2">Titre 2</a></li>
 </ul>
Les scripts sont tous dans un "document.ready".

Pourquoi apres l'appel d'un second load, rien n'est activé ?

Merci