[jQuery] Backward Compatible Ajax Links - the best way?
I'm building a site at the moment that uses a flash music player I
don't want to re-load. I have removed the use of frames from their old
site and plan to 'upgrade' the links to AJAX functionality - so the
page isn't re-loading.
I have my HTML structure like this:
<li><a href="./page/example" class="ajax">Example</a></li>
And so far I have this...
$(document).ready(function() {
$("a.ajax").click(function() {
var page = this.attr('href');
$("#content").load("ajaxpage.php?page=".page);
});
});
I'm not really sure where to go with it. Firstly I need to stop the
link from being a standard hyperlink - possibly by overwriting it
using jquery but also I need to get the url into my function - which
is currently not working quite right.
I'm sure this is very simple for one of you!