Как заставить срабатывать js события для graphicon icon из bootsrap 3 в firefox?

Question

[101010101010]

пример
есть кнопка с иконкой , при нажатии на кнопку должно происходить одно событие , а при нажатии именно на иконку другое. в хроме всё работает идеально , проблемы с firefox-ом. Может кто знает решение данной проблемы ?

Answer 1

[_ _]

Какая проблема в файерфоксе?
Если вы сейчас в вашем примере поставите отлов клика по .btn, то при щелчке по звездочке он также будет срабатывать, потому что event bubbling, т.е. событие "всплывает" от более глубоких элементов DOM к корню и срабатывают все обработчики, которые установлены на родительских элементах.
"Всплытие" в jquery предотвращается возвратом false из функции-обработчика.

Comments

[101010101010]

сейчас никакие событие не срабатывают при нажатии на glyphicon , что весьма странно.

[_ _]

@101010101010, да, действительно. Пишут, что такой косяк есть за Firefox.
Ну и выход очевидный - использовать div вместо button.

[_ _]

@101010101010 точнее не косяк, а в спецификации написано, что button может содержать только текстовые ноды, вот Firefox этому и следует.

[101010101010]

@AMar4enko большое спасибо за разъяснения.