Показать сообщение отдельно
  #1 (permalink)  
Старый 06.06.2020, 13:59
Интересующийся
Отправить личное сообщение для romveld Посмотреть профиль Найти все сообщения от romveld
 
Регистрация: 20.10.2018
Сообщений: 24

не срабатывает клик по дочернему элементу
Ребята привет! Не работает клик по дочернему элементу. Есть 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 не обращайте внимания, я его просто сократил. Кто в теме, подскажите, если не сложно, что может быть? Заранее спасибо!
Ответить с цитированием