У меня есть элемент
, внутри которого есть 2 элемента
. У меня есть 2 прикрепленных обработчика событий щелчка jquery для каждого из элементов диапазона, поэтому я могу делать все, что захочу, для каждого щелчка. Вот краткий обзор основного кода:
HTML
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, и событие щелчка фиксируется в правильном порядке: сначала на любом из элементов диапазона, а затем на пузырях событий. до родительского элемента кнопки.
Проблема в том, что в Firefox событие click не срабатывает ни для одного из элементов span, просто обработчик событий кнопки регистрирует событие как сработавшее.
Вот скрипка, чтобы вы могли понять, что я имею в виду: http://jsfiddle.net/spider/RGL7a/2/
Спасибо