Всем привет!
Вопрос в следующем - допустим у меня есть элемент <div>:
<div class="my_div">
.....
text...
.....
<a href="" class="my_link">Link</a>
</div>
Этот html код я получаю из ajax запроса, поэтому для обработки кликов на <div> и <a> я использую следующий код:
$("body").on("click",".my_div",function(e){
event.preventDefault();
alert("Click on DIV");
});
$("body").on("click",".my_link",function(e){
event.preventDefault();
alert("Click on A");
});
Проблема в том, что при клике на ссылку, так же срабатывает и клик на <div>, что не правильно. Причем в моем случае проблему решить изменив расположение элементов, например вынести ссылку из <div> не представляет возможности.
Есть ли какие варианты решения данной проблемы?