Discussion :

[Quentique]

Bonjour à tous,

Voici mon problème, je développe une petite application d'envoi de mail, donc lorsque l'utilisateur clique sur un lien dans la boîte de réception, un évènement jQuery prend le clic en charge et fait un load(). Mais maintenant, je voudrais rajouter une sécurité : lorsque l'utilisateur est sur le module d'édition, s'il clique sur un lien, alors on affiche une popup (je pense à confirm() ) et en fonction de sa réponse on continue ou pas l'exécution du script. Donc mon problème est suivant, j'ai un script global qui est chargé sur toutes les pages de la messagerie qui contient les évènements relatifs aux liens :

Code :

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

1
2
3
4
5
6
	jQuery('#inbox_folder').click(function () {
		jQuery('#inbox').append('<div class="loader"></div>');
		jQuery('#wpbody').load('admin.php?page=messagerie&use=inbox #wpbody-content', function () {
			jQuery.getScript('../wp-content/plugins/messagerie/script.js');
			});
	});

J'ai pris le lien qui charge la boîte de réception et par dessus, lorsque l'on arrive sur la page d'édition, je charge le script suivant :

Code :

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

1
2
3
4
5
6
7
jQuery(document).ready(function(){
alert('test');
jQuery('a').click(function () {
alert('CONFIRMATION');
});
 
});

Donc la popup test d'affiche mais lorsque je clique sur un lien et bien la popup CONFIRMATION s'affiche bien mais l'autre script continue son exécution...
Quelqu'un aurait-il une idée là-dessus (je n'ai rien trouvé de semblable sur les forums) ?

[danielhagnoul]

Code :

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

1
2
3
4
5
$( "a" ).on( "click", function( event ){
    if ( confirm( "Continue ?" ) ) return true;
 
    return false;
});

[Quentique]

J'ai testé le code mais il y a toujours le même problème, lorsque la fenêtre de confirmation s'affiche, en arrière-plan, on à la page qui change de contenu suite au load...

[danielhagnoul]

Vu le code de votre tentative de solution, je pensais que votre élément du DOM ayant l'ID "inbox_folder" était un tag "a".

Si ce n'est pas le cas, il faut détruire avec off() et reconstruire avec on() votre gestionnaire d'événement sur cet ID.

Le code HTML correspondant au problème aurait permis de le comprendre plus rapidement.

[Quentique]

Il est vrai que j'oublie assez souvent de poster le code HTML (pardonnez mon oubli) :

Code :

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

<a href="#" id="inbox_folder">Boîte de Réception</a>

Mais dans ce cas là, à quoi servirait de déconstruire l’événement pour le reconstruire ?