Get the offset of a hidden element

jquery hidden offset
Simon picture Simon · May 12, 2011 · Viewed 28.8k times · Source

How can I get the coordinates of a hidden element? offset() doesn't support the use for hidden elements. Any hints?

Answer

issa marie tseng picture issa marie tseng · May 12, 2011

If your element has had .hide() called on it, or if it's got display:none in css, the browser doesn't bother rendering it at all. In this case, the answer is not directly. In recent jQueries, you can't even get its width or height.

On the other hand, if you .show() an element, then .hide() it before an execution loop (an event firing through to when there's no more code to run for that event), the browser will be forced to relayout the page and you'll be able to get its offset between when it's shown and hidden, but it won't be forced to repaint, so your users won't see a blip, and you won't lose as much performance as you might think.

Related questions

jQuery - Detect value change on hidden input field

I have a hidden text field whose value gets updated via an AJAX response. <input type="hidden" value="" name="userid" id="useid" /> When this value changes, I would like to fire an AJAX request. Can anyone advise on …

Read More
Check div is hidden using jquery

This is my div <div id="car2" style="display:none;"></div> Then I have a Show button that will show the div when you click: $("show").click(function() { $("$car2").show(); }); So right now I want to …

Read More
jquery selector can't read from hidden field

(answers aggregated into another question) The following jquery 1.3.2 code works: <input type="select" value="236434" id="ixd" name='ixd' /> <script> console.log( $('#ixd') ); console.log( $("input[name='ixd']") ); </script> Console shows: [input#ixd 236434] [input#…

Read More