Question

我正在使用fancybox 2.1.4打开局部视图，但我无法显示结束的十字架。有谁知道我做错了什么？

包含内容的框确实显示：

 function LaunchFancyBox(code) {
    jQuery.fancybox({
        'modal': true,
        'closeBtn': true,
        'content': code
    });
}

$('.sendSms').click(function () {
    $.ajax({
        url: '@Url.Action("Index", "Sms")',
        success: function (partial) {
            LaunchFancyBox(partial);
        },
    });
    return false;
});

Answer 1

来自documentation：

modal如果设置为true，将禁用导航和关闭
  布尔;默认值：false

不要将modal参数设置为true

Answer 2

closeBtn: 'true',
afterShow: function () {
   $('.fancybox-close').attr('id', 'fancybox-close');
}

CSS

#fancybox-close {
display:inline !important;
top: -7px !important;
right: 1px !important;
width: 28px !important;
height: 30px !important;

}

并添加＆＃34; fancybox.png＆＃34;到＆＃34; jquery.fancybox-1.3.4.css＆＃34;

的同一目录

从这里下载http://www.imagemagick.org/fancybox/fancybox.png

Answer 3

您使用的代码看起来是正确的。确保您已将fancybox_sprite.png上传到您拥有主要fancybox javascript和css文件的位置，即。在同一个文件夹中。

Fancybox关闭按钮不显示

3 个答案: