jQuery 错误：未捕获的 TypeError：$ 不是函数

Question

我遇到了这个问题，因为我使用了一些第三方脚本，这给我带来了错误。该脚本与作者实际发布的wordpress插件有关。

我正在使用“iLightBox”插件来为我的图像显示 litebox。但是我需要设置哪些图像出现在灯箱库中。我一直在使用开发者网站，发现如下网址：http://www.ilightbox.net/faq.html

脚本 5 似乎可以满足我的需要：

jQuery(document).ready(function(){

    (function(){
      var groupsArr = [];
      $('[rel^="ilightbox["]').each(function () {
        var group = this.getAttribute("rel");
        $.inArray(group, groupsArr) === -1 && groupsArr.push(group);
      });
      $.each(groupsArr, function (i, groupName) {
        $('[rel="' + groupName + '"]').iLightBox({ /* options */ });
      });
    })();

  });

我在 custom.js 文件中运行此代码，我可以在 Chrome 中使用“检查元素”看到文件加载正确，但脚本错误如下：

“未捕获的类型错误：$ 不是函数”。

我已经阅读了其他用户的一些帖子，他们解释说我需要用一个函数封装并用 '(jQuery)' 完成，但是如果我这样做只会产生更多错误。

谁能帮助我？

显示错误的我的网站：http://www.complete-models.com/uncategorized/16-alien-figure/

Answer 1

如果您可以更改代码，只需将 $ 替换为 jQuery

$('[rel^="ilightbox["]').each(function () {

到

jQuery('[rel^="ilightbox["]').each(function () {

Answer 2

确保您在jQuery 之后加载了custom.js，因此在html 文件中，jQuery 的<scipt> 标记应高于custom.js