Setting element width() does not work with a variable

Question

I'm trying to set an element width using jQuery and it just won't work.

Here is my code:

var $padding = 30,
$oddWidth = parseInt( Math.round( $(window).width()*0.75 ) ),
$odd = $oddWidth-$padding;

$('div:jqmData(role="content")').css({ 'margin-left':'25%'}).width( $odd );

Can anybody help me out?

This is working for me in my quick jQuery.mobile test. What exactly is not working and are you seeing any errors in the console? — andyb
– andyb, Commented Jul 21, 2011 at 11:13
It's working for me! jsfiddle.net/Dg5qV/2 Maybe it is your selector? — binarious
– binarious, Commented Jul 21, 2011 at 11:14
There's no errors in the console and the margin-left 25% is assigned. So it can't be init- or selector-related. Also if I'm using width('123px') or width('75%') they are also assinged. I don't get why it cannot be a variable. — frequent
– frequent, Commented Jul 21, 2011 at 11:25

andyb · Accepted Answer · 2011-07-21 11:21:02Z

2

The following is working for me, so are you wrapping the jQuery code inside the following?

$(document).ready(function() {
    $("div:jqmData(role='page')").live('pageshow',function(){
        var $padding = 30,
        $oddWidth = parseInt( Math.round( $(window).width()*0.75 ) ),
        $odd = $oddWidth-$padding;
        $('div:jqmData(role="content")').css({ 'margin-left':'25%'}).width( $odd );
    });
});

jQuery.mobile has a different document.ready() for when a "page" is fully loaded, so perhaps without this, the width() is not correct or the <div data-role="content"> does not exist yet.

answered Jul 21, 2011 at 11:21

andyb

43.9k12 gold badges126 silver badges155 bronze badges

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

1 Comment

frequent Over a year ago

Found it... the code was inside an if-else statement and I declared both the variables inside the if part and did this formatting in the else-part... :-| Still, THANKS!, because copy-pasting your code made me recognize it.

Collectives™ on Stack Overflow

Setting element width() does not work with a variable

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related