Jquery no冲突不起作用

Question

这有点像两个问题合一。我试着在不冲突的情况下使用jquery，但我认为我做得不对。

这是我拥有的：

//

jQuery.noConflict() // return `$` to it's previous "owner"
(function($){ // in here you're assured that `$ == jQuery`
$(document).ready(function() {
    $(".fancybox").fancybox(); /*LIGHTBOX*/
});
$(window).scroll(function(){ /*SCROLL TO TOP*/
    if ($(this).scrollTop() > 100) {
        $('.scrollup').fadeIn();
    } else {
        $('.scrollup').fadeOut();
    }
}); 
$('.scrollup').click(function(){
    $("html, body").animate({ scrollTop: 0 }, 600);
    return false;
});
$('.bxslider').bxSlider();
});

我做得不对吗？

*

此外，当我添加此项时，它会使一切停止工作，这就是为什么我认为我没有正确添加无冲突：

*

//头部阴影

$(window).scroll(function() {
    if ($(this).scrollTop() == 0) {
        $('header').css({
                'box-shadow': 'none',
                '-moz-box-shadow' : 'none',
                '-webkit-box-shadow' : 'none' });
    }
    else {
        $('header').css({
                'box-shadow': '0px 10px 10px #888',
                '-moz-box-shadow' : '0px 10px 10px #888',
                '-webkit-box-shadow' : '0px 10px 10px #888' });
    }
});

提前谢谢。

Answer 1

您必须将jQuery传递给您的函数：

jQuery.noConflict() // return `$` to it's previous "owner"
(function($){ // in here you're assured that `$ == jQuery`
    // Code
})(jQuery); //Do you mean to pass jQuery like this perhaps?