Comment identifier lorsqu'un clic est effectué à l'extérieur de la fenêtre pop-up?
J'ai une fenêtre pop-up qui disparaît en un clic à l'intérieur, mais mon but est de faire disparaître un clic à l'extérieur.
Au moment de la popup fonctionne très bien mais il disparaît à chaque fois que je clique sur l'intérieur de la fenêtre. Quand je clique en dehors de la fenêtre, il reste. Comment puis-je faire fonctionner le oppersite chemin?
Code:
function deselect(e) {
$('.pop').slideFadeToggle(function() {
e.removeClass('selected');
});
}
$(function() {
$('.invite_room_btn').on('click', function() {
if($(this).hasClass('selected')) {
deselect($(this));
} else {
$(this).addClass('selected');
$('.pop').slideFadeToggle();
}
return false;
});
$('.close').on('click', function() {
deselect($('.invite_room_btn'));
return false;
});
});
$.fn.slideFadeToggle = function(easing, callback) {
return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback);
};
Et HTML est:
<span class="invite_room_btn">
<div class="messagepop pop">
</div>
</span>
Merci!
OriginalL'auteur Mathias Spurr | 2015-02-17
Vous devez vous connecter pour publier un commentaire.
Votre question peut être interprété comme "comment identifier lorsque le clic est effectué à l'extérieur de la fenêtre pop-up"?
comme l'a suggéré ici, vous pouvez travailler en fonction de la différence, en vérifiant que le déclic a eu lieu, mais la fenêtre pop-up (et éventuellement d'autres éléments)
Ceci peut être réalisé comme suit:
le code HTML peut être quelque chose comme:
tandis que le javascript est:
Exemple complet avec un peu de CSS-style: http://jsfiddle.net/sLdmxda8/2/
superbe...merci man
OriginalL'auteur Danilo
Je me suis rendu compte avec le code suivant!
Merci pour l'aide!
OriginalL'auteur Mathias Spurr