1

我正在制作表单验证功能并为其提供以下代码

(function ( $ ) {
    $.fn.validate_thing = function (success_call_back) {
        var call_back = true;
        debugger;
        if (!this.is('form')) {
            return false;
        }

        $('input.empty').each(function() {
            if(!$(this).text()) {
                alert($(this).attr('name'));
                call_back = false;
            }
        });
    }
})(jQuery);

问题是，当页面加载时，我收到一个 javascript 错误，指出 (jQuery) 行上的“对象不是函数”。如果我使用调试器逐步完成此操作，我不会遇到此问题。如果我把它放在一个文档就绪函数中，我就不会遇到这个问题。我认为这可能与运行此脚本时未加载 jQuery 有关，但我在包含此代码的库之前包含了 jQuery 库，更不用说如果我不在闭包中执行此操作，即这样做

$.fn.validate_thing = function (success_call_back) {
    var call_back = true;
    debugger;
    if (!this.is('form')) {
        return false;
    }

    $('input.empty').each(function() {
        if(!$(this).text()) {
            alert($(this).attr('name'));
            call_back = false;
        }
    });
}

有用。

所以我有一些解决这个问题的方法，但我仍然想知道为什么会这样。提前致谢。

这是我在 javascript 页面中的内容

engine = new function() {
this.request = function ( params ) {
    var data = params.data ? params.data : '';

    if (params.url) {
        var url = params.url;
        var page = document.URL.split('/').pop();
        var page = page.split('.')[0];
        data += 'content_page='+page+'.tpl';
    }
    else {
        var url = document.URL;
    }

    debugger;
    if (params.action) {
        data += data ? '&action='+params.action : "action="+params.action;
    }

    $.ajax({
        url : url,
        type : 'POST',
        data : data,
        dataType: 'json',
        success : function(data) {
            debugger;
            if (data && data.partials) {
                for (var key in data.partials) {
                    var element = data.partials[key];
                    $('#'+element.partial_name).replaceWith(element.partial_content);
                }
            }
        },
        error : function (jqXHR, textStatus, errorThrown) {
            debugger;

            alert('ajax error: '+errorThrown);
        }
    }).success(params.success);
}
}
4

1 回答 1

0

如果在最后一行出现错误，JavaScript 很可能将括号解释( function() { ... } )为代码前面任何内容的函数调用。如果您在上一行中忘记了分号，就会发生这种情况。

考虑一下：

var foo = {};
var bar = foo
(function() {

}());

请注意，后面缺少分号foo，因此 JavaScript 将代码解释为foo(...)，这会引发错误

对象不是函数

于 2012-07-24T09:10:12.237 回答