【问题标题】:How to add !important in position:absolute using jQuery.css() function? [duplicate]如何使用 jQuery.css() 函数在 position:absolute 中添加 !important? [复制]
【发布时间】:2014-08-27 23:49:03
【问题描述】:

我知道这是一个非常愚蠢的问题,但我被困住了。我一直在尝试使用JQUERY 函数.CSS() 添加position:absolute !important,但我发现它没有发生。

我的脚本是这样的。

$(document).ready(function(){
    var winSize = $('#outerPage').height();
    alert(winSize);
     setTimeout(function () {
    //$('#at4m-mobile-container').addClass('bottom');
    $('body div.at4m-dock').css("top",winSize);
    $('body div.at4m-dock').css({"position":"absolute","font-size":"200% !important"});
    $('body div.at4m-dock-toggle').css("top",winSize);
    }, 7500);  

});

请给我一些建议

感谢和问候

【问题讨论】:

标签: javascript jquery css jquery-mobile


【解决方案1】:

jQuery 不理解 !important 属性。

你可以使用attr()

试试:

 $('body div.at4m-dock').attr('style', 'font-size: 200% !important;position:absolute !important;');

DEMO

【讨论】:

  • 我接受你的回答是因为:)
【解决方案2】:

使用 as,据我了解,您不能在 % 中使用 "font-size":"200% !important"

  $('body div.at4m-dock').css({"position":"absolute!important","font-size":"22px !important"});

【讨论】:

  • @DownVoter 请提供原因
  • 我不是 DownVoter 但这行不通。 jQuery 无法理解 !important 作为一项规则。在这里查看:jsfiddle.net/7j5Jc/1
  • 是的,我查看了它不理解的小提琴 !important 。并且关于否决票没有问题我赞成你的回答:)
【解决方案3】:

!important 不受 jQuery 支持。

.css() 函数添加内联样式,因此您不需要 !important。所以你应该简单地删除它。

【讨论】:

    猜你喜欢
    • 2012-04-13
    • 2011-10-30
    • 1970-01-01
    • 2011-11-14
    • 2011-08-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多