Я динамически получаю форму с помощью ajax и отображаю ее во всплывающей подсказке. Я могу успешно получить формы, как и ожидалось, но кажется, что отправка только первой формы.
Я делаю представление в успехе: функция, так как именно там я получаю динамические формы.
$('.EditGallery').each(function()
{
$(this).qtip({
content: {
text: "Loading...",
ajax: {
url:$(this).attr('href'),
type: "GET",
success: function(data, status) {
this.set('content.text', data);
$(document).on('submit', '.EditGalleryForm', function(e) {
e.preventDefault();
$.ajax({
beforeSend: function() {
$('#EditGalleryResults').html('');
},
complete: function () {
$('#EditGalleryResults').html('FORM SUCCESSFULLY SUBMITTED!');
}
});
});
}
}
},
hide: {
fixed: true,
delay: 100
},
style: 'wiki'
});
//$(this).qtip('click', true);
});
Так что, по сути, когда я нажимаю кнопку отправить на форму, ФОРМА УСПЕШНО ПРЕДСТАВЛЕНА! показывается только для первой формы, которую я отправляю, затем она застревает в первой подсказке и не работает в остальных, если я не обновлю страницу и снова отправлю.
Я обнаружил, что проблема была в том, что у меня был идентификатор тега, устанавливающий данные, а не CLASS. Очевидно, ID должен быть уникальным идентификатором, который я не знал.
Других решений пока нет …