#html #jquery
Вопрос:
Я закрываю гостевой раздел, когда я нажимаю за пределами раздела, он идеально закрывается, но, к сожалению, я пытаюсь изменить какие-либо взрослые или щелкнуть внутри div, но он закрывается для гостевого раздела, пожалуйста, помогите мне, как это решить, спасибо.
Примечание:- Гостевой раздел не должен закрываться, когда я нажимаю на внутренний раздел или любое изменение количества.
представление html
lt;div id="guest-section" hiddengt; lt;div class="_t0tx82"gt; lt;div class="_1lmb2fq" gt;Adultslt;/divgt; lt;div id="searchFlow-subtitle-label-stepper-adults"gt;lt;pgt;Ages 13 or abovelt;/pgt;lt;/divgt; lt;/divgt; lt;div class=""gt; lt;div class="input-group adult-input"gt; lt;span class="input-group-btn"gt; lt;button type="button" class="quantity-left-minus btn btn-default btn-number " data-type="minus" data-field=""gt; lt;span class="glyphicon glyphicon-minus"gt;lt;/spangt; lt;/buttongt; lt;/spangt; lt;input type="text" id="quantity" name="quantity" class="form-control input-number quantity" value="0" min="1" max="10" gt; lt;span class="input-group-btn"gt; lt;button type="button" class="quantity-right-plus btn btn-default btn-number" data-type="plus" data-field=""gt; lt;span class="glyphicon glyphicon-plus"gt;lt;/spangt; lt;/buttongt; lt;/spangt; lt;/divgt; lt;/divgt; lt;hrgt; lt;div class="_t0tx82"gt; lt;div class="_1lmb2fq" gt;Childrenlt;/divgt; lt;div id="searchFlow-subtitle-label-stepper-adults"gt;lt;pgt;Ages 2–12lt;/pgt;lt;/divgt; lt;/divgt; lt;div class=""gt; lt;div class="input-group adult-input"gt; lt;span class="input-group-btn"gt; lt;button type="button" class="quantity-left-minuss btn btn-default btn-number" data-type="minus" data-field=""gt; lt;span class="glyphicon glyphicon-minus"gt;lt;/spangt; lt;/buttongt; lt;/spangt; lt;input type="text" id="quantityy" name="quantity" class="form-control input-number quantity" value="0" min="1" max="10"gt; lt;span class="input-group-btn"gt; lt;button type="button" class="quantity-right-pluss btn btn-default btn-number" data-type="plus" data-field=""gt; lt;span class="glyphicon glyphicon-plus"gt;lt;/spangt; lt;/buttongt; lt;/spangt; lt;/divgt; lt;/divgt; lt;/divgt;
jquery
$(document).click(function(e) { if(!$(e.target).is('#guest-section')) { $("#guest-section").hide(); } });
Ответ №1:
Попробуйте это:
Вам нужно проверить, что область щелчка не находится в целевом элементе
$(document).click(function (e) { if ($(e.target).parents("#guest-section").length === 0) { $("#guest-section").hide(); } });