jQuery插件和封锁

我想提出一个表单验证功能，并有下面的代码为它jQuery插件和封锁

(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); 
} 
}

来源

2012-07-23 Brian

你在那之前还有其他的代码吗？如果在最后一行出现错误，它可能会将括号'（function（）{...}）解释为代码之前的任何函数调用（我承认，这是一个长镜头）。 – 2012-07-23 23:56:26

'（function（$）{}）（jQuery）;'立即执行一个函数，传入'jQuery'对象（在函数内部是'$'）。对于你在做什么，我认为没有必要使用附件 – MrOBrian 2012-07-24 00:06:26

@MrOBrian：在定义jQuery插件时通常会这样做。全局'$'可能不会引用jQuery。 – 2012-07-24 00:16:43

，很可能是JavaScript的解释括号(function() { ... })作为函数调用任何的前面的代码。如果您在前一行中忘记了分号，就会发生这种情况。

考虑一下：

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

}());

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

对象是不是一个函数

来源

2012-07-24 09:10:12

jQuery插件和封锁

回答

相关问题