Evénement click sur balise a
Bonjour à tous,
j'utilise jQuery et jquery-lightbox. J'ai besoin d'appeler des fonctions si je cliques sur les boutons "Close", "Next" et "Previous" générés par le plugin jquery-lightbox.
Pour l'instant j'effectues mes tests sur le bouton "Close" dont voici le code généré :
Code:
1 2 3 4 5
| <div id="lightbox-secNav">
<a id="lightbox-secNav-btnClose" href="#">
<img src="/html/divae/common/lib-customs/images/lightbox-btn-close.gif">
</a>
</div> |
J'ai essayé toute sortes de choses mais aucune ne passe sur le click sur ce lien :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
| // essai 1 :
$(document.ready(function() {
$('#lightbox-secNav-btnClose').on('click', function() {
console.log('coucou');
});
});
// essai 2 :
$(document.ready(function() {
$('#lightbox-secNav-btnClose img').on('click', function() {
console.log('coucou');
});
});
// essai 3 :
$(document.ready(function() {
$('#lightbox-secNav-btnClose').click(function() {
console.log('coucou');
});
});
// essai 4 :
$(document.ready(function() {
$('#lightbox-secNav-btnClose img').click(function() {
console.log('coucou');
});
});
// essai 5 :
$(document.ready(function() {
$('#lightbox-secNav-btnClose').bind('click', function() {
console.log('coucou');
});
});
// essai 6 :
$(document.ready(function() {
$('#lightbox-secNav-btnClose img').bind('click', function() {
console.log('coucou');
});
});
// essai 7 :
$(document.ready(function() {
$('#lightbox-secNav-btnClose').live('click', function() {
console.log('coucou');
});
});
// essai 8 :
$(document.ready(function() {
$('#lightbox-secNav-btnClose img').live('click', function() {
console.log('coucou');
});
}); |
J'ai aussi essayé chacune des méthodes ci-dessus en dehors du $(document).ready().
Les miniatures sur lesquelles l'utilisateur clique pour avoir l'affichage de l'image en grand dans lightbox étant récupérées en AJAX dans une grid ExJS, j'ai aussi essayé de mettre tous ces événements juste après l'appel de .lightbox(); (qui permet de déterminer les éléments qui permettront d'afficher lightbox) avec toujours aussi peu de succès.
Quelqu'un aurait autre chose à suggérer ?
Merci d'avance