когда я нажимаю за пределами раздела, он идеально закрывается, но я пытаюсь изменить любое количество или щелкнуть внутри div

#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();  }  });