Всплытие jquery
135
21 января 2021, 14:10
Не могу понять что не так. Вроде запретил всплытие события, но "не работает".
Под всплытием имею ввиду, что от потомка события передаются родителям и т.д. Так вот, мне нужно чтоб события выполнились только у потомка и на нем все закончилось.
В результате хочу получить клик по "header-mobile-menu". Клик по "mobile-layer" НЕ должен считаться как клик по "header-mobile-menu".
Привожу пример с песочницы - [jsfiddle][1]
<div class="header-mobile-menu">
<div class="mobile-layer">123</div>
</div>
$('.header-mobile-menu').click(function (event) {
event.stopPropagation();
alert(123);
});
Спасибо!
Answer 1
События "всплывают" от детей к родителям. Вызов event.stopPropagation(); должен быть в обработчике события внутреннего элемента.
$('.mobile-layer').click(function(event) {
event.stopPropagation();
console.log(123);
});
$('.header-mobile-menu').click(function(event) {
console.log(456);
});.header-mobile-menu {
border: black solid 1px;
background: lightgreen;
padding: 30px;
}
.mobile-layer {
border: black solid 1px;
background: lightpink;
padding: 10px;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="header-mobile-menu">
<div class="mobile-layer">123</div>
</div>
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49997 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31911 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25958 visits
- Как через css изменить цвет png изображения? 11733 visits
- Blob video url download 11279 visits
- Php curl запрос через прокси с авторизацией 10685 visits
- Работа с captcha vk api 9481 visits
© "hostciti.net" 21.1.2026 | 17:43