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

Ton*_*bet 10 css jquery

滚动有一个问题是不想显示其内容

如果我这样做

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

}
Run Code Online (Sandbox Code Playgroud)

它显示,

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

#callCenter{
    position:fixed;
    z-index:2411 !important;
    right:110px;
}
Run Code Online (Sandbox Code Playgroud)

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

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

任何想法为什么?

Pho*_*nix 29

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

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

  • @Phoenix那不是真的.如果内联样式不是"重要",则可以使用具有"重要"属性的类重写它.示例:http://jsfiddle.net/ZpKaA/ (2认同)