Discussion :

[oweraz]

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 :

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

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

Ca ne fonctionne pas

Merci d'avance pour votre aide !!

[SpaceFrog]

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

[oweraz]

Merci pour ta réponse.

J'ai donc essayé avec le code suivant :

Code :

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

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 :

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

<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.

[SpaceFrog]

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