У меня есть отделение в, формируют что-то как
<form>
<div>
showing some information here
</div>
<div id="idshow" style="display:none">
information here
</div>
</form>
я - информация о населении внутреннее отделение (idshow) на некотором событии нажатия кнопки. что я хочу каждый раз, когда я плохо нажимаю внешнее отделение (idshow), это должно быть, скрываются. точно так же, как я нажимаю на меню затем, меню является дисплеем и когда я нажимаю внешнее меню, это прячется. Мне нужно все с помощью jQuery
$(document).click(function(event) {
var target = $( event.target );
// Check to see if the target is the div.
if (!target.is( "div#idshow" )) {
$("div#idshow").hide();
// Prevent default event -- may not need this, try to see
return( false );
}
});
Вы можете сделать то, что хотите, следующим образом:
$(document).click(function() {
$("#idshow").hide();
});
$("#idshow").click(function(e) {
e.stopPropagation();
});
Что происходит здесь: когда вы щелкаете, событие click
поднимается вверх до document
, если оно доходит до этого, мы скрываем document
, используя event.stopPropagation()
... так что .hide()
не сработает, коротко и просто :).