Making successive "jQuery.load()"s in nested pages work
The main page ("parent.html") has a link that ajaxloads a page ("page1.html") into a div ("targetdiv") in the main page, like so:
- parent html:
$("#targetdiv").html(loading).load('page1.html');
This works fine and "page1.html" is loaded into "targetdiv".
The "page1.html" also has a link in it that is supposed to ajaxload another page ("page2.html") into "targetdiv" (onto itself), like so:
- page1.html:
$("#targetdiv").html(loading).load('page2.html');
This does not work; "html(loading)" comes up in "targetdiv" and stays there, "page2.html" is not loaded.
Tell me why this is so and I'll owe you a beer.
All the best...
(This page/site is not available on line.)