Событие нажатия кнопки пользовательского интерфейса jQuery ⇐ Jquery

[Anonymous]

У меня очень странное поведение кнопки пользовательского интерфейса jQuery. Похоже, это происходит только в Chrome.

Мне нужно дважды щелкнуть, чтобы все заработало. После дальнейшего расследования выяснилось, что мне пришлось щелкнуть за пределами текста (по краям кнопки), чтобы он работал при первом нажатии. У меня внутри кнопки нет элементов — только текст.

Я устанавливаю текст кнопки с помощью метода jQuery text(). Когда я изменил его на html(), он начал работать как положено.

Хотя я нашел решение проблемы, мне было бы очень интересно узнать, почему это происходит. Еще стоит упомянуть, что я пытался имитировать это поведение с помощью jsfiddle, но не смог.

Код из jsfiddle (от меня требует stackoverflow):

HTML:

нажмите на меня код:
$("button").button().click(function(){ $("body").append("нажал "); }) .text("Нажмите на меня!");