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

 });

jQuery函数的冲突问题

1 个答案: