Putting the <link> (or <style>) tags before <script> tags in the head
can ameliorate the problem. Others have tested this and have found
that they have access to those style properties.
--Karl
____________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 6, 2008, at 8:28 AM, MorningZ wrote:
"The problem, as far as I can
tell, stems from what appears to be an early execution of the
document.ready function - in this case before an external stylesheet
has been loaded"
document.ready fires when the DOM is loaded, it doesn't wait for
external things to load, that's the whole point! :-)
"If so, is there a call I can use instead of document.ready to trigger
the code once the CSS has loaded?"
$(window).load(function() {
// your code to run after the whole page, external things and
all, have loaded
});
On Jun 21, 5:17 am, "David Webster" <[EMAIL PROTECTED]> wrote:
Hi all,
I'm having a few issues using jQuery in Firefox 3 and was wondering
if
anyone else has had similar problems. The problem, as far as I can
tell, stems from what appears to be an early execution of the
document.ready function - in this case before an external stylesheet
has been loaded - making width(), height() and any css() method
unpredictable.
I've put together a test case here:http://dev.cognite.net/sandbox/jquery.html
That's basically a wrapper that contains two iframes, both with
exactly the same code, one with an embedded css and one with external
css. The results I'm getting are that the two iframes report
different
values for the height, width and colour of elements, but only under
Firefox 3. This is an intermittent problem - sometimes it doesn't
show
up, but most of the time it does, on both Mac and PC.
Is this the correct behaviour? If so, is there a call I can use
instead of document.ready to trigger the code once the CSS has
loaded?
If this is a bug, has it been reported already and is there a known
work around - my googling hasn't thrown up anything on this topic.
Thanks,
David.
--
Kayak Travel:http://www.travellingkayak.com
