彩盒与皇家滑块。仅在关闭和打开彩色盒后才能在特定幻灯片上打开

时间:2013-03-08 09:35:48

标签: jquery colorbox

我正在使用带有皇家滑块的Colorbox。 我遇到的问题是我想打开Colorbox并从缩略图列表中滑动到Royal滑块中的特定幻灯片。 我有它工作...有点....问题是它只有在我第一次打开Conolbox然后关闭它时才有效。第二次打开并滑动以修正幻灯片。

我的jQuery和javascript知识相当有限;)

打开彩盒的链接如下所示

<a href="produkter2.html#2"  class="colorboxSlider">

彩盒和皇家滑块代码如下所示

var win = $(window),
  w,
  cContent = $('#cboxLoadedContent'),
  currRs;
$('#produkter ul li').on('click', '.colorboxSlider', function(e) {
  e.preventDefault();
  $.colorbox({
      preloading: true,
      modal: false,
      transition: 'none',
      speed: 0,      
      onComplete: function(e) {
        currRs = $('#cboxLoadedContent').find('.royalSlider').royalSlider({
          imageScaleMode: 'fill',
          keyboardNavEnabled: true,

          deeplinking: {
        // deep linking options go gere
        enabled: true,
        change:true,
        prefix: ''
    },          
        }).data('royalSlider');


$("#s2 a").on("click", function(e){
    e.preventDefault();
currRs.goTo(2);
});

$("#s1 a").on("click", function(e){
e.preventDefault();
currRs.goTo(1);
});


updateLightboxSize();


      },
      href:$(this).attr('href'),
  });

  return false;
});

我知道这可能是因为第一次点击时“currRS”不存在。但我不知道如何将其纳入onComplete:函数。

0 个答案:

没有答案