Adding CSS style with jquery has no effect

Question

I am trying to check in the AJAX call if length of the response variable is bigger then 1. If that is true I need to add this style to my footer:

success: function(response) {
    for (var i = 0, len = response.results.length; i < len; i++) 
        {
            if(response.results.length>1)
            {
               $("#footer").css("position:relative");
            }
        }....
}

This is my predefined style in my css file:

#footer
    {
        z-index:11;
        bottom:0;
        position: fixed;
        float: left;
        width:100%;
        height:30px;
        background-color:black;
    }

I did some debugging and everything is working as it should be working but my footer element still has position:fixed

What am I doing wrong in here?

karim79 · Accepted Answer · 2013-03-14 14:57:35Z

7

Try:

$("#footer").css("position", "relative");

or:

$("#footer").css({ position: "relative" });

:)

answered Mar 14, 2013 at 14:57

karim79

343k67 gold badges420 silver badges409 bronze badges

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

Comments

James Coyle · Accepted Answer · 2013-03-14 14:59:02Z

2

Syntax of .css() is wrong. It is:

$('#element').css('property', 'value');

Take a look at the documentation.

answered Mar 14, 2013 at 14:59

James Coyle

10.5k2 gold badges42 silver badges49 bronze badges

Comments

karaxuna · Accepted Answer · 2013-03-14 15:00:35Z

1

 document.getElementById('footer').style.position ='relative';

answered Mar 14, 2013 at 15:00

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

Collectives™ on Stack Overflow

Adding CSS style with jquery has no effect

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related