className sur événement non reconnu par script jQuery

**nicerico** · 23/04/2013, 12h46

Boujour

Désolé pour le titre mais c'est un peu tordu.
J'affiche un lecteur vidéo et j'aimerais qu'on puisse, en cliquant une première fois, déclencher la vidéo et quand on clique une seconde fois, une lightbox s'affiche.
Pour cela, dans ma page j’appelle deux script JavaScript dans le <head>.
Le 1er js contient une fonction qui affiche une div (qui contient le script du lecteur) sans l'attribut class mais avec un onclic qui lui attribue une class.

Voici les codes raccourcis des deux scripts :

Code html :

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

1
2
 
<div id='" + name + "' rel='' style='width:"+w+"px;height:"+h+"px' onclick=\"document.getElementById('"+name+"').className = 'lightbox'; \" >code lecteur</div>

Le second js quant à lui doit déclencher une action si la class lightbox est cliquée :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function lightBox (){
     this.initPopup = function(){
          jQuery(".lightbox").on("click", function(e) {
          ...
          });
     };
}
var olightBox = new lightBox();
olightBox.initPopup();

Mon problème : on dirait que mon second script ne voit pas la class qui a été ajoutée par le onclick et du coup il ne se passe rien.
Dans la source je vois bien que la class a été ajoutée.

Merci de votre aide.

**danielhagnoul** · 24/04/2013, 01h43

Bonsoir

La division, c'est un ajout dynamique ! Voir l'API.

Code :

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

$( selecteurParentNonDynamique ou "body" ).on( "click", ".lightbox", function(e){ ... });

className sur événement non reconnu par script jQuery

jQuery

Discussions similaires

Partager

Partager