Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   не срабатывает клик по дочернему элементу (https://javascript.ru/forum/dom-window/80451-ne-srabatyvaet-klik-po-dochernemu-ehlementu.html)

romveld 06.06.2020 13:59

не срабатывает клик по дочернему элементу
 
Ребята привет! Не работает клик по дочернему элементу. Есть div в виде инпута, в нём значение по умолчанию и галочка для выпадающего списка. При клике на сам div или его дочерние элементы, должен появляться выпадающий список. При клике на дочерние событие не срабатывает, а на сам div (там падинги стоят от дочерних) работает. Код такой:

<div class="loan_filter_item loan_filter_term">
							<label class="loan_filter_item_title loan_filter_term_title">Срок, дней</label>
							<div class="loan_filter_input loan_filter_term_input">
								<div class="loan_filter_inputmode loan_filter_term_inputmode">
									<span>от 1 дня</span>
									<svg>
  										<image width="12"/>
									</svg>
								</div>
							</div>

							<div class="dropdown_cont">
							    <ul>
							    	<li>1 день</li>
							    	<li>2 дня</li>
							    	<li>3 дня</li>
							    	<li>4 дня</li>
							    	<li>5 дня</li>
							    	<li>6 дней</li>
							    	<li>7 дней</li>
							    	<li>8 дней</li>
							    	<li>9 дней</li>
							    	<li>10 дней</li>
							    </ul>
							</div>

						</div>


$(document).ready(function(){
   
    $('.loan_filter_input').mouseup(function(e){
    	var a = $(e.target).parent().children('.dropdown_cont');
    	a.slideDown(170);
    });
       
});



На svg в HTML не обращайте внимания, я его просто сократил. Кто в теме, подскажите, если не сложно, что может быть? Заранее спасибо!

laimas 06.06.2020 14:30

$(e.target) -> $(this)


Часовой пояс GMT +3, время: 14:43.