AJAX представления формы внутри qtip2

Question

д:

Как манипулировать AJAX запросы (или только объекты) для форм/HTML внутри QTIP декларации?

деталь:

Прямо сейчас, у меня есть ряд яваскрипта DataTables (заселенный через Джанго бэкэнд), который содержит различные строки информации. Каждая строка имеет ячейку, которая содержит кнопку для 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') 
      }); 

      } 
     }, 
    }) 
}); 

В этом примере, когда нажата кнопка отправки, не появляется предупреждение «здравомыслия».

Кроме того, когда я добавляю объекты, такие как кнопка внутри блока {}, я не могу получить доступ к этим объектам по классам.

qtips работают нормально, все кажется функциональным, но нет ответа при нажатии кнопок или предупреждений о здравомыслии, когда я пытаюсь поймать подачу.

В консоли нет ошибок.

Это должно быть так просто, но это сводит меня с ума! Любая помощь будет оценена по достоинству.

Answer 1

В конечном итоге я понял глупое решение этой проблемы, хотя я отказался от qtips в пользу или создал лучшее решение для своей собственной проблемы.

Однако проще всего сделать было бы сделать что-то вроде этого

Просто включите якорь тег в QTIP, который вызывает функцию OnClick.

<a onclick="doSomething()">Submit</a> 

def doSomething(){ <do jquery magic here> } 

D'oh! Просто.