上下文中的Malsup的jQuery的Ajax表格插件

我發現Malsup's JQuery Form plugin在ajaxyfying相當方便我的形式。但是，我無法引用成功和錯誤回調中發生提交事件的目標元素。 this中的關鍵字指的是ajaxForm對象而不是DOM元素。上下文中的Malsup的jQuery的Ajax表格插件

我的頁面上有很多小表單。像接受和拒絕請求的按鈕，我想用阿賈克斯提交這些表單。當它完成後，我想從DOM中刪除該表單，並顯示一條消息「Request Successful！」或者。但是我無法找到實際提交表單的目標。

我知道我可以通過一個context選項，這將是所有回調的上下文，我也無法知道如何引用提交事件發生的元素？

在此先感謝。

來源

2012-03-11 Juzer Ali

明白了。

我可以通過一個beforeSubmit功能，我將上下文設置爲目標。

$('form').ajaxForm({ 
    beforeSubmit: function(arr, $form, options){ 
     options.context = $form; 
    } 
    //Rest of the options and callbacks 
});

來源

2012-03-11 07:42:42

不知道這是否會幫助任何人了，但是這是我得到它的工作：

HTML：

<form action="/route/controller" method="post" class="ajaxForm" data-target="#ajaxContainer_1"></form>

JS：

$(function() { $('.ajaxForm').ajaxForm({ beforeSubmit: function(arr, $form, options){ options.target = $form.data('target'); }, delegation: true, resetForm: true }); });

來源

2014-08-06 09:07:41 SamSebastian

上下文中的Malsup的jQuery的Ajax表格插件

回答

相關問題