Javascript灯箱未捕获类型错误：$不是函数

在我的网页中：www.easenhall.org.uk/gallery.html 我有一个错误： 未捕获的TypeError:$不是函数 在画廊。html:54

我从一个网站下载了这段代码，所以我不太擅长用Java脚本进行编码，如果你点击网页上的图像，图像/灯箱就会开始移动，然后停止。修复此错误会解决此问题吗？如果不是，我将如何更正它？ 以下是java脚本代码：

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.min.js"></script>
    <script type="text/javascript">
        $(function($){
            var addToAll = true;
            var gallery = true;
            var titlePosition = 'inside';
            $(addToAll ? 'img' : 'img.fancybox').each(function(){
                var $this = $(this);
                //var title = $this.attr('title');
                var src = $this.attr('data-big') || $this.attr('src');
                var a = $('<a href="#" class="fancybox"></a>').attr('href', src);//.attr('title', title);
                $this.wrap(a);
            });
            if (gallery)
                $('a.fancybox').attr('rel', 'fancyboxgallery');
            $('a.fancybox').fancybox({
                //titlePosition: titlePosition
            });
        });
        $.noConflict();
        var lightboxOnResize = function lightboxOnResize() {
    if ($(window).width() < 960) {
        $('a[rel="lightbox"]')
            .removeProp('rel')
            .addClass('lightboxRemoved');
    } else {
        $('a.lightboxRemoved').prop('rel', 'lightbox');
    }
}
        $(document).ready(lightboxOnResize);
        $(window).resize(lightboxOnResize);
    </script>

---

任何帮助都将不胜感激，谢谢：）

您正在尝试调用不同作用域内的函数。看看$（函数（$）{…}）；它创建了一个闭包，外部函数无法访问闭包内部定义的函数

最简单的解决办法是移动你的

$(document).ready(lightboxOnResize);
$(window).resize(lightboxOnResize);

---

结束语中的语句

您正在尝试调用不同范围内的函数。看看$（函数（$）{…}）；它创建了一个闭包，外部函数无法访问闭包内部定义的函数

最简单的解决办法是移动你的

$(document).ready(lightboxOnResize);
$(window).resize(lightboxOnResize);

---

结束语中的语句

更新你的函数，希望这对你有帮助

var lightboxOnResize = (function () {

 });

$(document).ready(lightboxOnResize);

---

更新你的功能，希望这对你有帮助

var lightboxOnResize = (function () {

 });

$(document).ready(lightboxOnResize);

---

OP需要在闭包中放置额外的代码。在WordPress中，将

jQuery

代码封装在闭包中是默认的和推荐的方式，主要是因为有时必须在同一页面上使用不同的jQuery版本。请参阅。谢谢，它已修复了错误消息，但灯箱在首次加载时仍会跳转。还有什么我需要更改的吗？OP需要在闭包中添加额外的代码。在WordPress中，将

jQuery

代码封装在闭包中是默认的和推荐的方式，主要是因为有时必须在同一页面上使用不同的jQuery版本。请参阅。谢谢，它已修复了错误消息，但灯箱在首次加载时仍会跳转。还有什么我需要改变的吗？