У меня есть элемент <button>
, внутри которого у меня есть 2 <span>
элемента. У меня есть два прикрепленных обработчика событий jquery click для каждого из элементов span, поэтому я могу делать все, что мне нравится, для каждого клика. Вот быстрый взгляд на базовый код:
HTML
<button>
<span>Text1</span>
<span>Text2</span>
</button>
Javascript
$(function() {
$('button').bind('click', function() {
console.log('button clicked');
});
$('button > span:eq(0)').bind('click', function() {
console.log('text1 span clicked');
});
$('button > span:eq(1)').bind('click', function() {
console.log('text2 span clicked');
});
});
Все работает отлично в Chrome, и событие click зафиксировано в правильном порядке: сначала на любом из элементов span, а затем событие пузырится до элемента родительской кнопки.
Проблема заключается в том, что в Firefox событие click не срабатывает ни для одного из элементов span, только обработчик событий кнопки регистрирует событие как запущенное.
Вот скрипка, чтобы вы могли видеть, что я имею в виду: http://jsfiddle.net/spider/RGL7a/2/
Спасибо