jQuery：匿名函数的调用在submit（）中不起作用

Question

我在使用commit（）函数时遇到麻烦。 我需要在选中复选框后提交表单，因此我有一个带有复选框的表单。

所以当我这样做时，它正在工作：

$(function() {
    $("#myCheckbox").change(function() { 
        $(this).parentsUntil("#feuilles_form").parent().submit();
    });
});

但是当我尝试这样的事情时，它不再起作用：

$(function() {
    $("#myCheckbox").change(function() { 
        $(this).parentsUntil("#feuilles_form").parent().submit(function() {
            .....
        });
    });
});

而且我没有从控制台或萤火虫获取日志...我需要这样做，因为下一步必须使用Ajax：刷新页面上的div。

你有什么解决办法吗？

提前谢谢！

勒布

Answer 1

通过使用.submit(function(){})您正在注册要在提交发生时调用的函数。

尝试这个：

$(this).parentsUntil("#feuilles_form").parent().submit(function() {
}).submit();

由于您提到了ajax，因此在change事件中注册匿名函数可能会导致向提交处理程序注册多个匿名函数。 例

在准备好dom之后， .submit()一次注册.submit()总是会更好。

$(function() {
    var $form = $("form");
    $form.submit(function() {
        $("form").append("<h1>submited</h1>");
        return false;
    });

    $(":checkbox").change(function() {
        $form.submit();
    });
});

例

Answer 2

如所写，第二个示例仅binds您的匿名函数binds到Submit事件。 您仍然需要触发它。 例如

    $(this).parentsUntil("#feuilles_form").parent().submit(function() {
        .....
    }).submit();

Answer 3

由于该文档会解释，称像函数submit 不带参数类似于呼叫trigger ，这就是为什么第一部作品。 如果传递参数，则就像调用bind ，该方法仅设置事件处理程序，但不触发事件。

解决方案：两者都做。 为什么不只是在提交调用之后执行函数的内容，因为无论如何您都会触发它？ 是否需要成为处理程序？