Hi, I'm a jQuery newbie. Basically, I'm trying to load an html file into a div when a button is clicked. The html file contains external .js and .css files for the Greybox widget. I can't get Greybox working, do I have to do something special to load the js and css before the load method? Appreciate any help.
--------------- test.html --------------------- $(document).ready(function(){ $("#btn").click(function(){ $("#demo").load("greybox.html"); }); }); --------------- greybox.html --------------------- <script type="text/javascript"> var GB_ROOT_DIR = "greybox/"; </script> <script type="text/javascript" src="greybox/AJS.js"></script> <script type="text/javascript" src="greybox/gb_scripts.js"></script> <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" /> <a href="http://google.com/" title="Google" rel="gb_page_fs[]">Launch google.com in fullscreen window</a>