javascript - 自匿名函数在加载时运行绑定事件

Question

我正在尝试遵循模块化 js 设计模式（揭示），我有一个问题。当我像这样绑定事件侦听器时：

$addClient.submit(ajaxCall);

该事件ajaxCall不会在加载时运行。但是，当我添加括号时，如下所示：

$addClient.submit(ajaxCall());

...它在加载时运行并且不绑定到事件。是什么赋予了？我想为ajaxCall()函数添加一个参数，但我似乎无法让它正常工作。只要你有上下文，这里是整个代码：

var Ajax = (function(){
   var $addClient = $('#add_client');

   $addClient.submit(ajaxCall);


   function ajaxCall(clearFields) {
        console.log('function called');
        var data = $(this).serialize();
        var url = this.action;
        $.ajax({
            type: 'POST',
            url: url,
            dataType: 'json',
            data: data,
            success: function(data) {
                if(data.st === 0) {
                    $messageContainer.html('<p class="alert alert-danger">' + data.msg + '</p>');
                    setTimeout(function(){
                        $messageContainer.html('');
                    }, 7000);
                } else {
                    $messageContainer.html('<p class="alert alert-success">' + data.msg + '</p>');
                    if(clearFields === true) {
                        $('input[type="text"]').val('');
                        $('input[type="email"]').val('');
                        $('textarea').val('');
                    }
                    setTimeout(function(){
                        $messageContainer.html('');
                    }, 7000);
                }
            }
        });
        return false;
    }
})();

Answer 1

您应该绑定到主体，当元素不可用时它将摆脱绑定问题，还可以通过将其包装在匿名函数中来传递您的参数：

$('body').on('submit', '#add_client', function () {
    ajaxCall(yourArguments)
});

Answer 2

是#add_client表格吗？如果是这样，您需要在提交时将其添加为事件侦听器。IE：

$addClient.on('submit', ajaxCall)
// EDIT: If you need arguments, pass ajaxCall.bind(null, arguments)