我正在为 Fancybox 2 制作自己的自定义导航。一切正常,直到遇到以下问题。我的花式框打开的那一刻,箭头可见并且正在工作,但是当我单击它们时,它们会从下一张图像显示的那一刻起消失。
$("#portfoliodetail a.detailviewer").fancybox({
padding: 0,
helpers:{
overlay: {
css: {
'background': 'rgba(0,0,0,0.84)'
}
}
},
afterShow: function() {
$("#detailviewernav").appendTo(".fancybox-wrap");
$("#detailviewernav").show();
},
afterClose: function() {
$("#detailviewernav").hide();
}
});
$('#detailviewerprev').click(function(){
$.fancybox.prev();
});
$('#detailviewernext').click(function(){
$.fancybox.next();
});
function mycarousel_initCallback(carousel) {
$('#mycarousel-next').bind('click', function() {
carousel.next();
return false;
});
$('#mycarousel-prev').bind('click', function() {
carousel.prev();
return false;
});
};
如您所见,'detailviewernav' div 是我的自定义导航,我在打开画廊时显示和隐藏。我将它附加到 fancybox_wrap 类。
知道我应该如何解决这个问题吗?
干杯!
编辑:我添加了一个 JSFiddle!http://jsfiddle.net/J2eHp/1/