Jquery没有冲突不起作用

时间:2013-02-18 16:16:31

标签: javascript jquery

这是一个两个问题。我正在尝试使用jquery没有冲突,但我认为我没有正确地做到这一点。

这是我的照片:

  

// * ** * ** * ** * ** * ** * PLUGINS * ** * ** * ** * ** * ** *

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();

});

我做得不对吗?

*

此外,当我添加它时,它会使一切都停止工作,这就是为什么我认为我没有正确添加无冲突的原因:

*

  

// * ** * ** * ** * ** * ** * HEADER SHADOW * ** * ** * < / EM> ** * ** * ** *

$(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' });
    }
});

提前谢谢。

1 个答案:

答案 0 :(得分:7)

你必须将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?