className sur événement non reconnu par script jQuery
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:
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:
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.
