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

回答

相關問題