TypeError 抛出，但函数仍然运行，为什么？

Question

我的控制台抛出一个未捕获的 typeError，因为它还不知道 jQuery 是什么，但随后继续执行加载并加载内容，然后我收到 load complete 消息。

我有以下代码：

jQuery(function($){
    $('#content-loader').load('someFile.html', function() {
        console.log('load complete');
    });
})();

为什么会这样，我怎样才能摆脱错误并加载到 html 文件中？

截至目前，someFile.html 仅包含文本，不包含脚本。

错误屏幕截图：

尝试的解决方案

(function($){
  ...code...
})(jQuery);

摆脱错误，但不加载html文件

Answer 1

你基本上是在打电话给jQuery(func)();。将一个函数传递给 jquery 可能会返回一个 jquery 对象，但不是一个您可以使用最后一个 () 调用的函数。你的错误信息是：jQuery(..) is not a function，因为它是一个 jQuery 调用的返回，一个 jQuery 对象，而不是一个函数。

尝试使用：

(function($){
  ...code...
})(jQuery);

即：调用此匿名函数，该函数具有参数$，将jQuery 传递给它。 这是很多人使用的模式。

另一个快速（和奇怪）的解决方案是从包装器中删除最后一个 () 和 $ 参数。