jQuery函数的冲突问题答案

【问题标题】：Conflict issue with jQuery functionsjQuery函数的冲突问题
【发布时间】：2013-08-28 16:31:07
【问题描述】：

这几天我一直在摸不着头脑。我有一个网站在主页上运行 jcarouselite 滑块。在网站的另一个页面上，我希望侧导航是粘性的（即位置：相对；同时滚动直到它到达页面顶部，然后位置：固定；此后）。

我有以下代码被调用：

//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 代码，那么 jcarouselite 工作正常。

我确定这将是一个简单的语法错误，但我似乎无法解决它。

非常感谢任何帮助。

【问题讨论】：

试试this 看看是否可行？

标签： php javascript jquery sticky jcarousellite

【解决方案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'
  });
 });

 });

【讨论】：