jquery - Fancybox 关闭按钮不显示

Question

我正在使用fancybox2.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

从文档：

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

不要将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;

}

并将“fancybox.png”添加到“jquery.fancybox-1.3.4.css”的同一目录中

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

Answer 3

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