У меня возникли проблемы с получением события click на кнопке сохранения.
Позволь мне объяснить.
У меня есть индекс просмотра, который отображает список сообщений. Для каждого сообщения есть кнопка для добавления комментария. Когда пользователь нажимает на добавление комментария, я renderPartial форма, где у меня есть поле ввода для комментария и 2 кнопки, 1 для сохранения и другое для отмены.
Если я посмотрю html через firebug, я могу видеть
<input id="save" type="button" value="Save">
но если я нажму правой кнопкой мыши на html-странице и нажимаю на источник страницы просмотра, я не могу найти
<input id="save" type="button" value="Save">
почему я полагаю, что мой jquery-скрипт делает что-то нажатие кнопки
$('#save').click(function(e)
.... не работает, я помещаю предупреждение в код, чтобы увидеть, включен ли я в функцию, но не отображается предупреждающее сообщение.
Я должен добавить, что функция события click для кнопки для добавления комментария находится в том же скрипте и работает (когда я смотрю на исходный код html, я могу увидеть идентификатор добавления комментария)
У вас есть представление о том, что может быть проблемой?
Причина в том, что форма добавляется после первоначальной загрузки DOM. Вам нужно использовать функцию .on
и привязать ее к элементу DOM, который существует при загрузке оригинальной страницы. Таким образом, вы можете сделать это:
$('body').on('click','#save',function(e) {
//more code here
});
Или вам нужно привязать .click
к #save
после того, как вы #save
форму на странице. Вы не можете привязать действие к элементу до его существования в DOM.