@danchikraw
Веб-додик

Как не закрывать элемент по клику на дочерний элемент?

У меня есть элемент, при клике на который у меня появляется его скрытый дочерний элемент и мне нужно чтобы при клике на дочерний элемент он не исчезал. А при клике на родителя исчезал. Т.к. я использую fadeToggle.
<div> < ------ При клике появляется span, при повторном исчезает
       <span></span> <------------ При клике нечего не происходит
</div>
  • Вопрос задан
  • 224 просмотра
Решения вопроса 2
0xD34F
@0xD34F Куратор тега JavaScript
Добавьте дочернему элементу обработчик клика, где будет производится остановка всплытия события:

$('div > span').click(e => e.stopPropagation());

Или в обработчике клика родительского элемента проверяйте, откуда пришло событие, если от дочернего элемента - ничего делать не надо:

$('div').click(function(e) {
  if ($(e.target).is('span')) {
    return;
  }

  ...
});
Ответ написан
Комментировать
KickeRocK
@KickeRocK
FrontFinish
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
$('div').click(function (e) {
   var $span=$('span',$(this));
   $span.fadeToggle();
   $span.click(function (e) {
       e.stopPropagation();
       return false;
   })
})
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
09 авг. 2022, в 20:36
500 руб./в час
09 авг. 2022, в 20:26
15000 руб./за проект
09 авг. 2022, в 20:26
100000 руб./за проект