使DIV隐藏一旦FancyBox打开

Making a DIV hide once FancyBox is opened

本文关键字：FancyBox 打开 DIV 隐藏      更新时间：2023-09-26

我想让一个div消失当你点击打开FancyBox按钮。

我的代码是: 
$(document).ready(function() {
    $('#tag_100_not').fancybox({
        'transitionIn'        : 'elastic'  ,
        'transitionOut'       : 'elastic'  ,
        'hideOnOverlayClick'  : false      ,
        'hideOnContentClick'  : false      ,
        'showCloseButton'     : false      ,
        'overlayOpacity'      : 0.6        ,
        'onStart'             : function() {
            $('#tag_100_not').css('display', 'none');
        },
        'onComplete'          : function() {
            $('#tag_100_not').css('display', 'none');
        }
    });
});
编辑:

标记:

    <th class="num" style="position:relative;"><a id="tag_100_not" href="#tag_100_box"  style="width:100%;height:100%;top:0;left:0;position:absolute;display:block;"></a>100</th`>

div没有消失。

我试过，onStart和onComplete，没有工作

不确定它是否适用于一个规则，但据我所知，CSS方法总是接受散列

$('#tag_100_not').css({'display':'none'})

尽管你总是可以保存输入，只使用隐藏函数:

$('#tag_100_not').hide()
相关文章：