2013-02-18 41 views
0

这是一个两个问题合为一体。我试图使用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(); 

}); 

我不能这样做对吗?

*

此外,当我加这一点,使一切都停止工作,这就是为什么我认为I'n不正确添加任何冲突:

*

// * ** * ** * ** * ** * ** * HEADER SHADOW * ** * ** * ** * ** * ** *

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

预先感谢您。

+0

当你说 “添加此”,你的意思是块内'(函数($){})(jQuery的)'或之后?编辑:遵循罗伯特的答案我看到你只是忘了传递'jQuery' ... – 2013-02-18 16:18:39

+0

在同一个块,所以它都是一回事。 为了这个问题的目的,它是分开的,但我只是在$('.bxslider')下复制粘贴。bxSlider(); – Daniel 2013-02-18 16:38:39

回答

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? 
+0

我提前道歉。我只是不太了解jquery。 当它们都在一起时,应该是这样吗? http://jsfiddle.net/dffernandez/n38mE/ 所以,我错过了(jQuery);最后? – Daniel 2013-02-18 16:37:09

+0

是的,你需要将jQuery传递给名为$的参数给你的函数。任何进展? – 2013-02-18 16:40:01

+0

完美。现在一切正常。让我问一下,虽然 我可以结合“头影子代码”和“滚动到顶部”,因为他们都开始相同或它是正确的,因为它是? 这就是我所结束的:http://jsfiddle.net/dffernandez/n38mE/3/ – Daniel 2013-02-18 16:50:53