Доброго времени суток! Суть задачи: выбираем абзац из одного блока и вставляем в другой. далее необходимо определить координаты клика во вставленном абзаце. Разметка HTML:
<div id="someDiv">
<p>Some Text</p>
</div>
<div id="result">
Result Here!
</div>
Скрипт на jQuery:
$(function(){
$('#someDiv p').clone().appendTo('#result');
$('#someDiv p').hide();
$('#result').add('p').bind('click', function(event){
alert('x=' + event.pageX + ', y=' + event.pageY);
});
});
Вот такая банальщина. работает, но не так, как хотелось бы!координаты выводятся и при клике в абзаце, и при клике в родительском элементе т.е. в #result
. Cобытие клика "всплывает" по DOM-дереву (что и должно быть). но это распространение хотелось бы остановить. метод .stopPropagation()
не решает проблемы. Моя уверенность в том, что я сделал что-то не так не покидает меня.
Подскажите в чём может быть ошибка и как отменить всплытие?