Возбуждение события jQuery на кнопке не работает должным образом в Firefox

У меня есть элемент , внутри которого есть 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/

Спасибо

11
задан Bogdan 18 November 2011 в 19:16
поделиться