我正在使用带有 Royal 滑块的 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: 函数中。