jquery - Malsup 的 jquery Ajax 表单插件中的上下文

标签 jquery jquery-plugins jquery-forms-plugin

我找到了Malsup's JQuery Form pluginajaxyfying 我的表单中非常方便。但是,我无法引用成功和错误回调中发生提交事件的目标元素。中的 this 关键字引用的是 ajaxForm 对象,而不是 DOM 元素。

我的页面上有很多小表单。就像针对请求的接受和拒绝按钮一样,我想使用 ajax 提交这些表单。当它完成后,我想从 DOM 中删除该表单并显示一条消息“请求成功!”或者。但我无法找到实际提交表单的目标。

我知道我可以传递一个 context 选项,它将成为所有回调的上下文,因为我也无法弄清楚如何引用发生提交事件的元素?

提前致谢。

最佳答案

明白了。

我可以传递一个 beforeSubmit 函数,在其中将上下文设置为目标。

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

关于jquery - Malsup 的 jquery Ajax 表单插件中的上下文,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9653157/

相关文章:

javascript - 尝试获取 jstree 中 Change_state 上已检查项目的列表

javascript - 使用 JQuery 从源页面读取文本字段值并填充离线网页中的相应字段?

javascript - DOM 准备好后 Jquery 未定义元素

jquery - jqGrid 迭代子网格中的网格数据

javascript - jQuery 表单插件 - 中止请求

jquery - ASP.NET WEBAPI 文件上传,IE9 问题

asp.net-mvc - MVC5 Ajax.BeginForm 上传带有文件的表单

javascript - 引导轮播图像高度

jquery - 获取 ERR_CONNECTION_REFUSED

带有插件的 jQuery 委托(delegate)