打开FancyBox后隐藏DIV

时间:2011-09-29 22:28:04

标签: javascript jquery html fancybox

当你点击打开的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,都没有用。

1 个答案:

答案 0 :(得分:2)

不确定它是否适用于一条规则,但据我所知,css方法总是接受哈希

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

虽然您可以随时保存输入并只使用隐藏功能:

$('#tag_100_not').hide()