AJAX表单提交里面qtip2

如何操作qtip声明中的窗体/ html的ajax请求（或只是对象）？

细节：

现在，我有一系列的javascript数据表（通过Django的后端填充），它包含各种信息的行。每行都有一个单元格，其中包含一个用于qtip（qtip2）的按钮，其中包含一个简单的窗体，其中包含一个用于注释和提交按钮的textarea。这看起来很简单。

但是，我无法弄清楚如何在类中编写/绑定类处理程序。

这些是动态生成的很多技巧（在动态数据表列块内部），所以我不能使用硬选择器来访问它们。我没有问题通过表单操作提交这些请求，但我真的更喜欢他们是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工作正常，一切都似乎功能，但没有响应时点击按钮或理智警报，当我尝试捕获提交。

控制台中没有错误。

这应该是如此的简单，但它让我疯狂！任何帮助，将不胜感激。

来源

2016-08-17 rob

我终于找到了解决这个问题的简单方法，尽管我放弃了qtips，或为自己的问题构建了更好的解决方案。

然而，最容易做的事情会一直在做这样的事情

只需在调用一个onclick功能qtip一个锚标记。

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

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

D'oh！简单。

来源

2017-03-28 16:58:28 rob

AJAX表单提交里面qtip2

回答

相关问题