Fancybox 2 Fancybox 2.1.5没有';t在手机上显示关闭按钮

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

我有一个网站,我在上面使用了几个灯箱。它在任何地方都能正常工作,在IE7:)中也是如此,但在移动设备中它不会显示关闭按钮

我的代码如下:

    $(".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的路径