.load is asynchronous, which means that it returns (and the next statement is executed) before it finishes loading. So $("#left").load("test.html"); starts loading #left with test.html but $("#left").css("border","1px solid red"); executes within milliseconds, and test.html probably hasn't come back from the server yet. You need to use a callback ( http://docs.jquery.com/Ajax/load#urldatacallback ): $("#left").load("test.html", function(){ $("#left").css("border","1px solid red"); etc. });
That ought to work! Danny Sagari-2 wrote: > > > Greetings, > > I have a nasty surprise: jQuery (1.2.1) won't access DOM elements that > have been inserted via .load() function. > > Example: > > index.html: > --------------- > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/ > xhtml1-transitional.dtd"> > <html><head><title>Test</title> > <script type="text/javascript" src="jquery.js"></script> > <script type="text/javascript" src="test.js"></script> > </head><body> > <div id="left" style="float: left; width: 30%"> > Left > </div> > <div id="left" style="float: right; width: 69%"> > Right > </div> > </body> > </html> > > test.js: > --------- > > $(document).ready(prolog); > > function prolog() { > $("#left").load("test.html"); > $("#left").css("border","1px solid red"); > $("#test").css("border","1px solid green"); > $("#left #test").css("border","1px solid green"); > } > > test.html: > ------------- > > <div id="test"> > Test > </div> > > After I load the index.html, I expect to see the "#left" div > containing the test.html content; with #left with red border and #test > with green. > > However, #test has no green border; in fact, I can't at all address > the newly loaded HTML part, as it were not exist at all. I tried two > kidns of addressing (in the test.js above) with no effect. > > How can I address the HTMl loaded via .load() function? > > Thanks. > > All the best, > > Konstantin > > > -- View this message in context: http://www.nabble.com/Lookup-doesn%27t-work-within-HTML-loaded-with-.load%28%29-tf4692256s27240.html#a13417814 Sent from the jQuery General Discussion mailing list archive at Nabble.com.