$(this).remove() не работает на форме с ajaxForm()
Я хочу, чтобы по сабмиту форма самоудалилась. Но это нужно сделать
при срабатывании ajaxForm: <form class="test-form"> <button class="test-button">SUBMIT</button> </form>
$(".test-form").ajaxForm(function() {
$(this).remove();
});
И почему-то не получается. Можно сделать так:
$(".test-button").on('click', function() {
$(this).parent().remove();
});
Но этот вариант не подходит, нужно сделать удаление именно с ajaxForm. Еще можно сделать так:
$(".test-form").ajaxForm(function() {
$(".test-form").remove();
});
И тогда тоже всё пучком, но у меня много форм и мне нужно удалять только ту, где произошел сабмит, то есть нужен $(this), но с ним почему-то удаления формы не происходит? |
а что в консоль падает, ошибок нет?
$(".test-form").ajaxForm(function() {
console.log(this);
$(this).remove();
});
|
ошибок нет, в консоли:
[Object, jquery: "2.0.3", constructor: function, init: function, selector: "", toArray: function…] |
а, это было для console.log($(this));
для console.log(this) выдает вот это: Object {url: "http://localhost:8080/fileupload/", type: "POST", isLocal: false, global: true, processData: true…} |
$('.test-form').submit(function() {
$(this).remove();
return false;
});
|
Цитата:
|
ну а если так:
$(".test-form").ajaxForm(function() {
$(".test-form").remove();
});
|
я может не понял чё вам нужно, но формы по клику удаляются
http://codepen.io/anon/pen/pwaLu |
Цитата:
|
мм. па попробуйте в консоль вот так вывести:
$(".test-form").ajaxForm(function() {
console.log($(this)[0]);
});
по идеи должен вернуть dom элемент |
| Часовой пояс GMT +3, время: 13:18. |