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'о! Просто.

Другие вопросы по тегам