Discussion :

[magicbisous-nours]

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 html :

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

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 :

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

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

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
$(document.ready(function() {
 
    $('#lightbox-secNav-btnClose').click( function(e) {
  e.preventDefault();
        console.log('coucou');
    });
});

[magicbisous-nours]

Merci SpaceFrog mais ça ne fonctionne pas mieux...
Du coup j'ai modifié directement jquery-lightbox (je l'avais en non-minified) malgré mes directives pour faire exactement ce que je voulais.

Merci encore