Hi, I think that this is the source of a problem that has been reported by some users of my jScrollPane script. It seems that sometimes webkit based browsers are not loading the CSS before document ready which is breaking the jScrollPane. When the cache is empty it works as expected. More info in this thread:
http://groups.google.com/group/jquery-en/browse_thread/thread/978ef0b2877dac77 It would definitely be really useful if either document ready waited for css to load or if there was an alternative event that I could tell users to use when initialising jScrollPane. Cheers, Kelvin :) On Fri, 01 May 2009 08:20:42 -0700, JaffaTheCake <[email protected]> wrote: > > Hi, > > I've been doing some research into how browsers load CSS files and how > they impact on the parsing of script. > > A problem I'm having is reading styles of an element, but getting > incorrect values as the script is (sometimes) running before the > stylesheets have loaded. > > When Firefox & IE encounter a <script>, they wait for any currently > loading CSS to load and apply before executing the script. However, > Firefox won't do this if the CSS has been added to the document via > appendChild. > > Opera and Webkit do not wait for CSS to load before executing script. > > I've been looking for ways to detect when CSS has loaded. This is easy > if you know the contents of the file, just add an element to the page > and poll for an expected style. It's trickier if you don't know the > rules that are going to be applied... > > http://code.google.com/p/ajaxsoft/source/browse/trunk/xLazyLoader/jquery.xLazyLoader.js > > xLazyLoader almost solves the problem, except when it comes to CSS > files that are from another domain. Checking linkElement.sheet.cssRule > throws a cross domain security error in Firefox. > > I understand a "cssReady" event or similar has been attempted in > jQuery before, was it abandoned for this reason? Also, since > xLazyLoader is being included in jQuery 1.4, does that mean this issue > has been solved? > > Cheers, > Jake. > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery Development" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en -~----------~----~----~----~------~----~------~--~---
