Запрет выполнения одной функции из другой
Всем привет!
Вопрос в следующем - допустим у меня есть элемент <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> не представляет возможности. Есть ли какие варианты решения данной проблемы? |
evgenyan,
отмените кроме действия по умолчанию и всплытие -- строка 6-7 event.stopPropagation() |
| Часовой пояс GMT +3, время: 00:47. |