jQuery Forum

Hi. When I use .load to load a html page into a div, the javascript that is meant to run on the page does not excecute. I've done a search on ways to append the script into the div, and found things like $.ajax and $.getScript, but it couldn't get it to work. I read something about eval()... but that confused me a fair bit.

Am I using the wrong code? Could someone please point me in the right direction on what I should use if so?

I'm not to sure if this is a bug or not, but for some reason the jquery setup I am using does not load images when you have the images placed in a sub folder.

The setup is a simple content switcher, and it is a combination of fadeOut, .load and fadeIn.
Here is my prototype. http://ray.eltania.net/TEST/AjaxFadeInOut/index.html

If you click on Refresh01, it will load and fadeIn the page, which says "TEST01 TEST01.........." great! But an image should have been displayed too. The page is http://ray.eltania.net/TEST/AjaxFadeInOut/Content/test01.html
and this is what happens:

1.     function refreshContent01() {
           $("#content").fadeOut("fast", function(){
               $("#content").load("Content/test01.html",false, function() {
                   $("#content").fadeIn("fast");
               });
           })
           return false;
       }
   

And the html is:

1. <a href="#" onclick="refreshContent01();">Refresh 01</a>
   

Any idea if this is just a bug, or do I need to add something to make the images appear?

Note: If you the image and the page are all in the same directory, it works! But to have all the files in one folder can get very messy :|

Any suggestions most appreciated.

Hi Guys,

I've got a bit of code involving FadeIn and FadeOuts. I'm working on a prototype, and it works fine offline, but when I upload it, it works on Firefox, but doesn't work in Internet Explorer.

I'm not sure why this would be the case. Could you please explain why this would be the case, and how I would go around fixing it for IE?

My prototype can be found here: http://ray.eltania.net/TEST/AjaxFadeInOut/landingPage.html

If you're interested, here's an image to briefly explain what's happening on this mini-site: http://ray.eltania.net/TEST/AjaxFadeInOut/refresh02.jpg

Thanks.