Закрыть DIV при клике в нем на ссылку или баннер
Добрый день, столкнулся с такой проблемой.
Есть три div, у каждого свой id. В каждом div может быть расположена как ссылка так и баннер. Когда div пустой, то при клике внутри его происходит закрытие, но если внутри его есть баннер или ссылка, то при клике по ним, div не закрывается, происходит просто переход. В какую сторону копать, что бы происходило действие. Клик по баннеру или ссылке внутри div, div закрывается и происходит переход. Пока исхожу из такого кода:
<script>
$(document).ready(function(){
$('#link1').click(function () {
$(this).toggleClass('click');
});
$('#link2').click(function () {
$(this).toggleClass('click');
});
$('#link3').click(function () {
$(this).toggleClass('click');
});
});
</script>
<div id="link1">здесь баннер</div> <div id="link2">здесь блок ссылок</div> <div id="link3">здесь ссылка</div> |
Событие привязано к DIV, а у баннеров и ссылок свои события. Поэтому я бы предложил перебрать все элементы внутри DIV и удалить там обработку событий или прописать там нужное событие.
См. https://learn.javascript.ru/event-bubbling и это https://learn.javascript.ru/event-delegation |
| Часовой пояс GMT +3, время: 22:54. |