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

working fiddle

Answer 2

只在小提琴中运行这些代码，它运行正常。所以，我猜你的代码可能在其他地方有一些错误。我建议你显示更多的问题代码。

Answer 3

尝试这样的事情

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

jQuery：Object没有$ .fn的方法

3 个答案: