2013-02-18 39 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