从fancybox中删除内联样式

时间:2015-04-14 21:33:47

标签: javascript jquery css fancybox fancybox-2

我使用FancyBox 2,我想编辑内联样式,我想从display: block;中删除fancybox-overlay

原:

<div class="fancybox-overlay fancybox-overlay-fixed" style="width: auto; height: auto; display: block;">

编辑:

<div class="fancybox-overlay fancybox-overlay-fixed" style="width: auto; height: auto;">

2 个答案:

答案 0 :(得分:1)

尝试

&#13;
&#13;
$('.fancybox-overlay.fancybox-overlay-fixed').css('display', '')
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="fancybox-overlay fancybox-overlay-fixed" style="width: auto; height: auto; display:block;">No display Block</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

如果你想要内联,你必须在它出现时一直这样做...... 更好的方法是在CSS中删除它

.fancybox-overlay.fancybox-overlay-fixed { display: inline!important; }

但是如果您需要内联版本,您可以在演示之前始终对事件采取行动:

$('.fancybox').fancybox({
   beforeShow: function() {
     $('.fancybox-overlay.fancybox-overlay-fixed').css('display', '')
   }
});