0

私はこれについて数日間頭を悩ませてきました。ホームページで jcarousellite スライダーを実行しているサイトがあります。サイトの別のページでは、サイド ナビゲーションを固定する必要があります (つまり、position: relative; ページの上部に到達するまでスクロールし、その後 position: fixed; その後)。

次のコードが呼び出されています。

//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 は正常に動作します。

これは構文エラーのような単純なものになると確信していますが、解決できないようです。

どんな助けでも大歓迎です。

4

1 に答える 1

0

ドキュメント準備完了の関数パラメータとして $ を使用

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

 });
于 2013-08-28T16:36:34.407 に答える