Question

我正在使用这段代码：

    <script type="text/javascript"> 
   $(document).ready(function() {
    $.fancybox(
        '<h2>Welcome!</h2><p> We are growing, so invite your friends!</p>',
        {
            'autoDimensions'    : false,
            'showCloseButton'   : true,
            'width'             : 350,
            'height'            : 'auto',
            'transitionIn'      : 'elastic',
            'centerOnScroll'    : 'true',
            'transitionOut'     : 'elastic'

        }
    );
});
</script>

由于某种原因，关闭按钮没有出现。出了什么问题？

Answer 1

弹出窗口以图层形式打开时未显示，但在以iframe格式打开时无效。

在CSS中试试这个：

#fancybox-close {
    display:inline !important;
}

为我工作......

Answer 2

我在网上搜索了很长时间，因为没有显示关闭按钮或fancybox的任何属性。只有在尝试使用chrome开发人员工具（F12）后才能实现三件事，这两件事导致了这一点：

1）fancybox文件放在子文件夹中导致URL不匹配所以我只是从一个名为JS的子文件夹中取出fancybox文件夹，我把它放在主根文件夹中

2）在css上确保它不是url :( blahblah）它只是url（blahblah）意思是没有“：”

3）仅使用url（fancybox_sprite.png）放置它就可以在不添加完整路径的情况下工作，因为完整路径不能用于某种奇怪的原因

我希望这有助于某人！

关闭按钮未在FancyBox 1.3.4中显示

2 个答案: