jQuery Forum

I can't figure out how to get the width() of block elements, especially if they have "width: auto" in the CSS?

We are talking about block elements that dynamically resizes depending on the screen size and these normally do return a value if I use the standard "document ready" function for browsers, but as I understand it I should use pagebeforecreate, pagecreate, pageshow or any of the other page events available.

$('[data-role=page]').live('pageshow', function (event, ui) {

var width  = $('.my div').width();

});

I have disabled the back button by using the below script, which works great and I made my own button with my own style, but jquery seems to add extra html into my button, in this case two extra SPAN element.

$.mobile.page.prototype.options.addBackBtn = false;

My button has now three SPAN element, including the two jquery added which of course makes the button horrible, so is there any way to prevent this from happen? Or is there anyway to override the script that outputs the default back button?