Fancybox 2 Fancybox 2.1.5没有';t在手机上显示关闭按钮
我有一个网站,我在上面使用了几个灯箱。它在任何地方都能正常工作,在IE7:)中也是如此,但在移动设备中它不会显示关闭按钮 我的代码如下:Fancybox 2 Fancybox 2.1.5没有';t在手机上显示关闭按钮,fancybox-2,Fancybox 2,我有一个网站,我在上面使用了几个灯箱。它在任何地方都能正常工作,在IE7:)中也是如此,但在移动设备中它不会显示关闭按钮 我的代码如下: $(".fancybox").fancybox({ beforeShow:function(){ $('html, body').unbind("mousewheel", horizontalScroll); }, 'arrows':true, 'overlayShow': true, 'auto
$(".fancybox").fancybox({
beforeShow:function(){
$('html, body').unbind("mousewheel", horizontalScroll);
},
'arrows':true,
'overlayShow': true,
'autoScale': true,
'autoDimensions': false,
'modal': true,
'autoSize' : false,
'width' : '90%',
'showCloseButton' : true,
'hideOnOverlayClick':true,
'keys': {
"next": [13, 32, 34, 39], // enter, space, page down, right arrow, down arrow
"prev": [8, 33, 37] // backspace, page up, left arrow, up arrow
},
afterShow : function() {
$('.fancybox-skin').append('<a title="Close" class="fancybox-item fancybox-close" href="javascript:jQuery.fancybox.close();"></a>');
},
afterClose : function() {
$('html, body').bind("mousewheel", horizontalScroll);
}
});
$(“.fancybox”).fancybox({
beforeShow:function(){
$('html,body')。取消绑定(“鼠标滚轮”,水平滚动);
},
"箭":对,,
“叠加显示”:正确,
“自动缩放”:正确,
“自动标注”:false,
“模态”:正确,
“自动大小”:false,
“宽度”:“90%”,
“showCloseButton”:true,
“HideonOvercyclick”:对,
“钥匙”:{
“下一步”:[13,32,34,39],//输入,空格,向下翻页,向右箭头,向下箭头
“prev:[8,33,37]//退格,向上翻页,左箭头,向上箭头
},
afterShow:function(){
$('.fancybox skin')。附加('');
},
后关闭:函数(){
$('html,body').bind(“鼠标滚轮”,水平滚动);
}
});
该网站是:但并非所有图片都链接到灯箱。点击加号,从左上角到右3,再到下8,会有一个图像打开一个灯箱来测试它
我没有任何JS错误,精灵也正在加载。在lightbox的右上角(在手机上)是我可以单击关闭它的区域,但是关闭按钮不显示
这是一个小提琴,这里关闭按钮也没有显示在手机上(它只工作一次,然后必须重新加载-对不起)
我希望任何人都知道这里可能出了什么问题
多谢各位
Alex我对非模态盒(v2.1.5)也有同样的问题。正如我发现的,关闭按钮的代码在移动环境中丢失,并且引用背景图像也不起作用。我的解决方案是通过后加载回调进行更改:
afterLoad:function(curr, prev) {
if(!jQuery('a.fancybox-close').length) {
jQuery('.fancybox-outer').after('<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>');
jQuery('.fancybox-close').css('background-image','url(/js/fancybox2/fancybox_sprite.png)');
}
}
后加载:功能(当前、上一个){
if(!jQuery('a.fancybox-close').length){
jQuery('.fancybox outer')。在('')之后;
jQuery('.fancybox close').css('background-image','url(/js/fancybox2/fancybox_sprite.png)');
}
}
确保在您的环境中调整fancybox_sprite.png的路径