How to add !important in position:absolute using jQuery.css() function? [duplicate]

Question

I know this is very silly question but I am stuck . I have been trying to add the position:absolute !important using JQUERY function .CSS() but I found out that it is not happening .

my script is something like this .

$(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);  

});

Please give me some suggestion

Thanks and regards

Have a look here stackoverflow.com/questions/2655925/… Seems to have quite a few different answers for your question. — Lloyd Erasmus
– Lloyd Erasmus, Commented Jul 7, 2014 at 13:27

laaposto · Accepted Answer · 2014-07-07 13:26:31Z

3

jQuery is not understanding the !important attribute.

You can use attr()

Try:

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

DEMO

answered Jul 7, 2014 at 13:26

laaposto

12.2k15 gold badges60 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Vikram Anand Bhushan Over a year ago

I am accepting your answer because :)

Amit · Accepted Answer · 2014-07-07 13:21:19Z

1

Use as, as per my understanding you can not use as "font-size":"200% !important" in %

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

answered Jul 7, 2014 at 13:21

Amit

15.4k8 gold badges49 silver badges69 bronze badges

3 Comments

Amit Over a year ago

@DownVoter please provide reason

laaposto Over a year ago

I am not the DownVoter but this will not work. jQuery can not understand !important as a rule. Check it here: jsfiddle.net/7j5Jc/1

Vikram Anand Bhushan Over a year ago

Yes I looked into the fiddle it does not understand !important . and regarding the down vote no rpoblem i upvoted your answer :)

Satpal · Accepted Answer · 2014-07-07 13:23:29Z

1

!important is not supported by jQuery.

Also .css() function add inline style so you don't need !important. So you should simply remove it.

answered Jul 7, 2014 at 13:23

Satpal

134k13 gold badges168 silver badges171 bronze badges

Collectives™ on Stack Overflow

How to add !important in position:absolute using jQuery.css() function? [duplicate]

3 Answers 3

1 Comment

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

Comments

Linked

Related