通过JQuery设置di​​splay:block!important

时间:2011-09-12 14:23:32

标签: jquery css

翻转不存在显示其内容的问题

如果我这样做

#callCenter{
    position:fixed;
    z-index:2411 !important;
    display:block !important; /* please note here !important */
    right:110px;

}

显示,

但如果我这样做:(因此div被隐藏,直到另一个元素被点击)

#callCenter{
    position:fixed;
    z-index:2411 !important;
    right:110px;
}

$('#telefonosCabecera').click(function(){
    $("#callCenter").css('display','block!important'); // or 'block !important'
    alert('done')
});

我没有看到#callCenter但我确实看到了警告

任何想法为什么?

1 个答案:

答案 0 :(得分:27)

您需要执行以下操作之一:

  1. 使用!important规则添加一个类(即:.myClass{display:block !important;}),然后将该类添加到元素
  2. 通过$('#myElement').attr('style','display: block !important');
  3. 添加css属性