[jQuery] Ajax/load help with external javascripts
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>