jQuery : Call of anonymous function doesn't work in submit()

Question

我在使用 Submit() 函数时遇到问题。我需要在选中复选框后提交表单，因此我有一个包含复选框的表单。

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

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

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

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

我没有从我的控制台或 Firebug 中得到任何日志......我需要这样做，因为下一步我必须使用 Ajax:刷新页面上的 div。

你有什么解决办法吗？

提前致谢!

塞布

Answer 1

通过使用 .submit(function(){})，您可以注册一个函数，以便在提交发生时调用。

试试这个:

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

既然您提到了 ajax，那么在更改事件中注册匿名函数可能会导致多个匿名函数注册到提交处理程序。 <强> example

在 dom 准备就绪期间注册一次 .submit() 很可能总是更好。

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

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

<强> Example