javascript - 打开 FancyBox 后隐藏一个 DIV

Question

我试图在您单击打开的 FancyBox 按钮时使 Div 消失。

我的代码是:

$(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，都没用。

Answer 1

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

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

尽管您总是可以节省输入并只使用隐藏功能:

$('#tag_100_not').hide()