Can I test Ajax functions locally?

Question

I have a simple call to replace the contents of a <div> with those of another HTML file using the .load() function:

$('#content').show().load('01.html');

01.html is in the same folder as this page. But the function isn't being executed. Is there a problem with my code? Or is it that the .load() function won't work until it's being served?

In the latter case, what's a good way to go about testing it?

Answer 1

You'll need to do this instead:

$('#content').load('01.html', function() {
  $(this).show();
});

It will show the content after a successful load (under the presumption that content was hidden to start with).