Cannot change Top css value in jquery

Question

I have the following code in a ready function. The if works fine, but keeps top: 0 forever. The else statement works for the cholder element, but not the openercheck. Please advise.

    if($('.openercheck').prop('checked', false)){
    $('.openercheck').css('top', '0px');
  }
  else{

    $('.cholder').css('height', $('.slide'+classnumber).height()+12+'px');
    $('.openercheck').css('top', $('.cholder').height()+'px');
  }

Wild guess - try setTimeout(function(){ $('.openercheck').css('top', $('.cholder').height()+'px'); },0) and let me know if that works. Also, try putting the code in a $(window).load instead of a $(document).ready — Benjamin Gruenbaum
– Benjamin Gruenbaum, Commented Dec 9, 2013 at 17:36
Is this run once, on page-load, or inside of a change event-handler? — David Thomas
– David Thomas, Commented Dec 9, 2013 at 17:37

Alex · Accepted Answer · 2013-12-09 17:40:40Z

1

$('.openercheck').prop('checked', false)) always true, because return the jQuery Object. Try this:

if($('.openercheck').prop('checked')){
    $('.openercheck').css('top', '0px');
} else{
    $('.cholder').css('height', $('.slide'+classnumber).height()+12+'px');
    $('.openercheck').css('top', $('.cholder').height()+'px');
}

answered Dec 9, 2013 at 17:40

Alex

11.3k13 gold badges53 silver badges64 bronze badges

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

Comments

SushiiBalboha · Accepted Answer · 2013-12-09 17:41:16Z

0

First of all,

$('.openercheck').prop('checked', false)

is going to set your checked property to false.

If you want to do a condition, just do something like that:

if($('.openercheck').prop('checked') == 'false')

for the last line you can do: (but I'm not so sure atm, I prefer using .attr, or .prop and not directly .css

$('.openercheck').css('top', $('.cholder').css('height') +'px');

Hope this can help.

answered Dec 9, 2013 at 17:41

SushiiBalboha

2261 silver badge7 bronze badges

Collectives™ on Stack Overflow

Cannot change Top css value in jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related