Exécuter javascript sur un élément chargé avec $.ajax

Bonjour à tous,

J'essaye depuis quelques heures de faire fonctionner un script JS ; le contexte :
Au clic d'un lien, je charge un contenu d'une page ajax-content.php via la méthode $.ajax.
Le contenu apparaît sur la page, jusque là aucun soucis.

Dans ce contenu, j'ai un bouton MODAL ( bootstrap ) qui ouvre un modal dans lequel est censé se trouver une timeline animé en JS/JSON.

Le problème :

Ma timeline ne fonctionne pas car le script JS qui gère la timeline ne s’exécute pas.
Si je place le code HTML de ma timeline sur l'index.php ( donc sans chargement ajax ), la timeline fonctionne donc le problème vient bien du fait que le script ne s’exécute pas sur un contenu chargé.

CE QUE J'AI ESSAYE :

Code:

---

1 2 3

$("body").on("load", "myModal", function(event) { // on load du modal // le script qui initialise la timeline });

---

Ca ne fonctionne pas :mur:

Merci d'avance pour votre aide !!

l'attribution d'evenement avec on par délégation doit se faire à partir d'un element existant sur la page au moment du chargement

Merci pour ta réponse.

J'ai donc essayé avec le code suivant :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

$('body').on("load","#histoire-sr",function(){ $(this).find("#timeline").timeCube({ data: json, granularity: "year", startDate: new Date('August 31, 2009 10:20:00 pm GMT+0'), endDate: new Date('September 30, 2011 02:20:00 am GMT+0'), transitionAngle: 60, transitionSpacing: 100, nextButton: $("#next-link"), previousButton: $("#prev-link"), showDate: false }); });

---

histoire-sr étant un bloc directement codé dans mon index.php

Code:

---

<div id="histoire-sr" class="col-lg-4"></div>

---

Ca ne fonctionne pas :(

EDIT : J'ai l'impression que c'est l’événement "load" qui ne fonctionne pas.
En essayant avec par exemple "mouseover" ou " click", ça fonctionne niquel.
Par contre avec load ça ne fait rien. :(

body ...
tu charges un body complet en ajax ?