Контекст в jQuery Malsup Плагин формы Ajax

Question

Я нашел Malsup's JQuery Form plugin довольно удобно в ajaxyfying мои формы. Однако я не могу обратиться к целевому элементу, на котором произошло событие отправки, и успешные обратные вызовы. Ключевое слово относится к объекту ajaxForm, а не к элементу DOM.

У меня на моем сайте много мелких форм. Как принимать и отклонять кнопки против запросов, и я хочу отправить эти формы с помощью ajax. Когда он будет завершен, я хочу удалить эту форму из DOM и отобразить сообщение «Request Successful!». или так. Но я не могу найти цель, которая фактически отправила форму.

Я знаю, что могу передать опцию context, которая будет контекстом всех обратных вызовов, в этом тоже я не могу разобраться, как обращаться к элементу, на котором произошло событие отправки?

Заранее спасибо.

Answer 1

Got it.

Я могу передать функцию beforeSubmit, в которой я задал контекст цели.

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

Answer 2

Не уверен, если это поможет кто-нибудь из, но это, как я получил его на работу:

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 }); });