jQuery：对象没有$ .fn方法

Question

我的js文件中有此功能

(function($) {
  $.fn.foobar = function() {
   // some code 
  };
})(jQuery);

当我打电话以下

jQuery(function() {
  $.getScript("http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js");
  $.getScript("http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js");
     jQuery('object').foobar(); 
}); 

它给了我以下

未捕获的TypeError：对象[object Object]没有方法'foobar'

我正在Rails文件（* .js.erb）上尝试

Answer 1

我猜您正在用第二个覆盖jQuery数组，请尝试执行以下操作：

(function($) {
    $.fn.foobar = function() {
        console.log(true);
    };
})(jQuery);

(function($) {
            $.getScript("http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js", function() {
            $('body').foobar();
        }); 
})(jQuery);

工作小提琴

Answer 2

只在小提琴中运行这些代码，它运行良好。 因此，我想您的代码可能在其他地方有错误。我建议您为该问题显示更多代码。

Answer 3

尝试这样的事情

<script src="jquery.js">
<script>
    (function($) {
      $.fn.foobar = function() {
       // some code 
      };
    })(jQuery);
    $(function(){
        jQuery('object').foobar(); 
    })
</script>