Domanda

stiamo mostrando un dialogo sullo schermo che voglio nascondere quando l'utente fa clic su un punto qualsiasi dello schermo, compreso il corpo, ancore, div, bottoni, ecc ... C'è un selettore in grado di gestire questo per me? O è un caso di $('body, a, div, input').click()?

È stato utile?

Soluzione

Si può fare in questo modo:

$(document).click(function() {
  $("#boxID").hide();
});

Dopo gli eventi click sarà, per impostazione predefinita, bolla fino a document, questo è un "catch all" approccio ... se non si vuole clic da all'interno la casella per chiuderla, aggiungere un .stopPropagation() chiamare il quelli eventi click come questo:

$("#boxID").click(function(e) {
  e.stopPropagation();
});

Altri suggerimenti

Si può solo associare all'evento click del documento elemento. Provare a http://jsfiddle.net/ZqEbY/ .

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top