Button FancyBox 1.3.4中未显示关闭按钮
我正在使用这段代码:Button FancyBox 1.3.4中未显示关闭按钮,button,fancybox,Button,Fancybox,我正在使用这段代码: <script type="text/javascript"> $(document).ready(function() { $.fancybox( '<h2>Welcome!</h2><p> We are growing, so invite your friends!</p>', { 'autoDimensions' : fa
<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>
$(文档).ready(函数(){
$.fancybox(
“欢迎!我们正在成长,请邀请您的朋友!”,
{
“自动标注”:false,
“showCloseButton”:true,
“宽度”:350,
“高度”:“自动”,
“transitionIn”:“弹性”,
'centerOnScroll':'true',
“transitionOut”:“弹性”
}
);
});
由于某些原因,关闭按钮没有出现。出了什么问题?检查“
fancybox.png
”文件(包含fancybox精灵图像)是否与fancybox css文件位于同一目录中。如果问题仅出现在IE上,那么请检查弹出窗口作为层打开时未显示,但作为iframe打开时工作的状态
在CSS中尝试以下操作:
#fancybox-close {
display:inline !important;
}
为我工作…我在网上搜索了很久,因为没有显示关闭按钮或fancybox的任何属性。在使用chrome开发者工具(F12)进行试验后,才意识到有三件事是由两件事引起的: 1) fancybox文件放在一个子文件夹中,导致URL不匹配,所以我只是从一个名为JS的子文件夹中取出fancybox文件夹,我把它放在主根文件夹中 2) 在css上,确保它的非url:(blahblah)它的公正url(blahblah)表示“否”: 3) 例如,只使用url(fancybox_sprite.png)而不添加完整路径是可行的,因为出于某种奇怪的原因,完整路径不起作用
我希望这对别人有帮助 检查样品。也有问题吗?嗯,不知道我怎么会错过检查文件位置!谢谢