Javascript Light Box Uncaught TypeError:$不是函数

时间:2017-03-19 16:03:44

标签: javascript jquery html lightbox

在我的网页上:www.easenhall.org.uk/gallery.html 我有这个错误: 未捕获的TypeError:$不是函数     在gallery.html:54

我从网站上下载了这段代码,所以我不太擅长使用Java Script进行编码,如果点击网页上的图像,图像/灯箱会一直移动,然后停止。修复此错误会解决这个问题,如果不能解决这个问题? 这是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);

感谢任何帮助,谢谢:)

2 个答案:

答案 0 :(得分:0)

您正尝试在不同范围内调用函数。看看$(function($){...});它创建了一个闭包,外部函数无法访问闭包内定义的那些!

最简单的解决方案是移动你的

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

关闭声明。

答案 1 :(得分:0)

更新你的功能,希望这对你有帮助吗?

 @property (weak, nonatomic) IBOutlet UIView *demoView;
- (void)viewDidAppear:(BOOL)animated{
  SRInfiniteCarouselView *imageCarouselView = [SRInfiniteCarouselView sr_carouselViewWithImageArrary:serviceImgArray describeArray:nil placeholderImage:nil delegate:self];
        imageCarouselView.frame = CGRectMake(0, 0, self.demoView.frame.size.width, self.demoView.frame.size.height);
        imageCarouselView.timeInterval = 05.0;
        [imageCarouselView setCurrentPageIndicatorTintColor:[UIColor yellowColor]];
        [imageCarouselView setPageIndicatorTintColor:[UIColor whiteColor]];
        [self.demoView addSubview:imageCarouselView];
}