與jQuery功能衝突問題

Question

我一直在這裏撓我的頭幾天。我有一個網站在主頁上運行一個jcarousellite滑塊。在網站的另一個頁面上，我希望側邊的粘貼（即位置：相對;滾動，直到到達頁面的頂部，然後位置：固定;之後）。

我有下面的代碼被稱爲在：

//jQuery Functions 

$(document).ready(function(){ 


//JCarouselLite 
$(function() { 
$("#mainSlider").jCarouselLite({ 
    btnNext: "#sliderBtnNext", 
    btnPrev: "#sliderBtnPrev", 
    visible: 1, 
    auto: 6000, 
    speed: 1000 
    }); 
}); 


//Sticky Side Nav 
var stickerTop = parseInt($('#sticker').offset().top); 
$(window).scroll(function() { 
    $("#sticker").css((parseInt($(window).scrollTop()) + parseInt($("#sticker").css('margin-top')) > stickerTop) ? { 
     position: 'fixed', 
     top: '0px' 
    } : { 
     position: 'relative' 
    }); 
}); 

}); 

在其目前的形式，粘sidenav代碼工作正常，但jcarousellite不是。如果我刪除粘性sidenav代碼，然後jcarousellite工作正常。

我敢肯定，這將是一個簡單的東西像一個語法錯誤，但我似乎不能解決它。

任何幫助非常感謝。

Answer 1

使用$作爲函數參數文件準備

//jQuery Functions 

jQuery(document).ready(function($){ 


//JCarouselLite 
$(function() { 
    $("#mainSlider").jCarouselLite({ 
    btnNext: "#sliderBtnNext", 
    btnPrev: "#sliderBtnPrev", 
    visible: 1, 
    auto: 6000, 
    speed: 1000 
}); 
}); 


//Sticky Side Nav 
var stickerTop = parseInt($('#sticker').offset().top); 
$(window).scroll(function() { 
$("#sticker").css((parseInt($(window).scrollTop()) +  parseInt($("#sticker").css('margin-top')) > stickerTop) ? { 
    position: 'fixed', 
    top: '0px' 
    } : { 
    position: 'relative' 
    }); 
}); 

});