AJAX Форма отправки внутри qtip2
Д:
Как я могу манипулировать ajax-запросами (или просто объектами) для форм /html внутри объявления qtip?
подробности:
Прямо сейчас у меня есть серия таблиц данных javascript (заполняемых через бэкэнд django), которые содержат различные строки информации. Каждая строка имеет ячейку, которая содержит кнопку для всплывающего qtip (qtip2) с простой формой внутри, с текстовой областью для заметок и кнопкой отправки. Это может показаться очень простым.
Тем не менее, я не могу понять, как писать / связывать обработчики класса внутри класса.
Это многие из этих советов, которые генерируются динамически (внутри блока столбцов динамических таблиц данных), поэтому я не могу использовать жесткие селекторы для доступа к ним. У меня нет проблем с отправкой этих запросов через действие формы, но я бы предпочел, чтобы они были ajax.
$('.note_updater').each(function() {
$(this).qtip({
overwrite: false,
content: {
text: function(api) {
return "<form><textarea type='text' name='notes' id='id_notes'>" +
$(this).attr('qtip-content') + "</textarea><br><input type='submit' value='Update' /></form>";
},
title: {
text: function(api) { return $(this).attr('qtip-title') + ' notes'; },
button: true
}
},
show: {
event: 'click',
solo: true
},
hide: 'unfocus',
events: {
render: function(event, api) {
$('form', this).bind('submit', function(event) {
window.alert('sanity')
});
}
},
})
});
В этом примере при нажатии кнопки "Отправить" предупреждение "здравомыслие" не появляется.
Кроме того, когда я добавляю объекты, такие как кнопка, внутри блока content {}, я не могу получить доступ к этим объектам по классам.
Qtips работают нормально, все кажется работоспособным, но при нажатии кнопок не реагирует, или когда я пытаюсь поймать отправку, появляется предупреждение о здравом уме.
В консоли нет ошибок.
Это должно быть так просто, но это сводит меня с ума! Любая помощь будет оценена.
1 ответ
В конце концов я нашел глупо-простое решение этой проблемы, хотя я отказался от qtips в пользу или нашел лучшее решение для своей проблемы.
Однако проще всего было бы сделать что-то подобное
Просто включите тег привязки в qtip, который вызывает функцию onclick.
<a onclick="doSomething()">Submit</a>
def doSomething(){ <do jquery magic here> }
D'о! Просто.