J'ai un div HTML et je veux le cacher lorsque l'utilisateur clique sur la page n'importe où en dehors de la div. Quel clic sur quel élément dois-je déclencher l'événement onclick ??Comment cacher une div quand on clique sur la souris en dehors de la div
Répondre
En supposant que vous utilisez la dernière jQuery, v1.4.4:
$(<the div you want hidden>).click(false); //stop click event from bubbling up to the document
$(document).one('click', function(){
$(<the div you want hidden>).hide(); //which will hide the div
});
En d'autres termes, ce code dit «cacher la div si vous cliquez sur cette page, sauf si vous cliquez sur le div.
Re: bouton à bascule
Ensuite, vous aurez quelque chose comme:
$('button').click(function(){
$('div').toggle();
});
$('div').click(false);
$(document).click(function(){
$('div').hide();
//reset the toggle state, e.g.
$('button').removeClass('selected');
});
L'élément BODY.
$('#mydiv').click(function(e) { e.stopImmediatePropagation(); });
$(document.body).one("click", function() {
$('#mydiv').hide();
});
Depuis mydiv
est aussi un enfant de l'élément body
, vous ne voulez pas que lorsque vous cliquez sur cet élément, l'élément serait disparaitra.
Donc quand les gens cliquent sur le mydiv
, vous voulez qu'il arrête de bouillonner jusqu'à l'élément body
, c'est pourquoi vous devez d'abord enregistrer un événement click sur votre mydiv
, et lui dire d'arrêter de bouillonner.
Euh, '.one()' prend dans un 'eventType' comme argument. Ici, quel événement vous engagez une fois? –
Fixé. Liaison bien sûr à l'événement click. – Gidon
- 1. Cacher lorsqu'on clique sur un document sauf quand on clique sur un div
- 2. Cacher un div lorsque l'on clique sur une partie de la page autre que la div
- 3. Jquery show div sur hover puis quand l'utilisateur passe en dehors de div cacher l'aide?
- 4. Animer div quand on clique mais pas animer quand on clique sur des éléments à l'intérieur de ce div
- 5. Jquery- Cacher div
- 6. Jquery Div Cacher sur clic
- 7. comment cacher div div, en gardant div interne visible?
- 8. en utilisant jquery/ajax pour envoyer/mettre à jour div quand on clique sur le lien
- 9. Différentes info-bulles sur une souris sur div et une image à l'intérieur de la div
- 10. Cacher div quand un div différent n'est pas survolé?
- 11. jquery afficher/cacher div
- 12. div Position à la souris
- 13. Comment montrer div div sur la souris sur l'utilisation de jquery?
- 14. jQuery: Sur le focus d'entrée de formulaire, affiche div. cacher div sur le flou (avec une mise en garde)
- 15. jquery cacher div
- 16. Modifier la propriété Div lorsque vous passez la souris sur une autre div?
- 17. Comment cacher div par onclick en utilisant javascript?
- 18. Afficher/Cacher div on clic en utilisant jQuery
- 19. Cacher une div après un certain temps si aucune activité ne se produit sur ce div
- 20. Afficher div sur la souris de la dynamique td
- 21. souris dessus/souris Out sur DIV
- 22. comment changer l'image de fond div dans la souris sur?
- 23. Comment cacher div Serverside en lisant biscuit
- 24. Confirmer la case quand on clique sur le lien
- 25. Wordpress cacher Post Div
- 26. Lotus Notes cacher/montrer div
- 27. Comment cacher une div adjacente lorsque je souris d'un élément de menu, en utilisant JQuery?
- 28. PHP & Jquery - ouvrir un petit div sur les autres div quand la souris va sur un lien
- 29. changer l'image grande quand on clique sur la petite image
- 30. Fermer Modal Formulaire lorsque la souris clique en dehors de la zone de formulaire
J'ai un bouton bascule. Toggling sur lequel va montrer et cacher la div. En dehors de cela, je veux cacher la div en cliquant n'importe où en dehors de la div. J'essaie de créer quelque chose comme le bouton Twitter "Connexion" sur twitter.com – ptamzz
J'ai mis à jour ma réponse pour aider avec ça, alors. –
Pouvez-vous m'aider à réinitialiser l'état de basculement. Supposons qu'après avoir cliqué sur un élément, lorsque je clique sur un autre élément, il devrait réinitialiser l'état de bascule à l'état initial. Merci :) – ptamzz