Запуск кнопки в jQuery не работает

Question

Использование dot.js Я добавляю кнопку на определенную веб-страницу, которая при щелчке должна добавить текст в текстовое поле, а затем вызвать еще одну кнопку, которую нужно щелкнуть. Я имитировать, добавив обработчик щелчка к моей кнопке, которая имеет следующий код:

var button = $('.some-class').find('button')[0]; 
console.log(button); // element I expect 
button.click(); 

Однако, это не работает, и я не знаю, почему. Если вместо .click() я выполняю .remove(), кнопка удаляется со страницы. Если я использую консоль для выполнения того же кода, кнопка будет нажата. Это говорит мне, что у меня есть правильный элемент, но что-то не так с событием click().

Может кто-нибудь объяснить, почему это не работает ни в Safari, ни в Chrome? Я пробовал много разных вещей, но я новичок в jQuery, поэтому мне, вероятно, не хватает некоторых деталей в том, как это работает.

Answer 1

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

Таким образом, решение было остановить event саморазмножения:

event.stopPropagation(); 

Answer 2

При назначении обработчика событий нажмите на кнопку, вы должны использовать JQuery on Это должно гарантировать, что каждый раз, когда новая кнопка с добавлением с таким же переключателем (как в том, когда событие было назначено), событие обрабатывается, будет назначена на эту кнопку

Некоторые примеры here

Answer 3

проблема заключается функция мыши() от JQuery и вы пытаетесь стрелять функцию щелчка от объекта DOM.

Попробуйте

$(button).click(); 

Вот звенеть. http://plnkr.co/edit/2pcgVt

Answer 4

попробовать jquery'strigger() функцию:

$(button).trigger('click'); 

см jsfiddle: https://jsfiddle.net/665hjqwk/

Answer 5

Вы можете использовать следующее заявление.

var button = $ ('. Some-class'). Find ('button') [0] .trigger ('click');