Запрет выполнения одной функции из другой
Всем привет!
Вопрос в следующем - допустим у меня есть элемент <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, время: 15:19. |