Question

Is there any way to stop the page from loading the next page when someone clicks on a <a>
tag instead i want it to give the href value so for example “www.google.com” and then do a jquery .load()
which is like this

$(".window").load(hrefvalue);

i know i could just change all the href values to fire up a javascript function but that takes a bit of time so im just looking for the easiest way.

so i want it to do

1. stop the page loading the next part on a <a href click.
2. get the href value e.g http://www.google.com.
3. and then do a jquery (.load() or $.ajax()) call for the href page.

Answer 1

This should get you started:

$(document).on('click', 'a', function(event) {
  event.preventDefault();    // Now the link doesn't do anything
  var href = this.href;      // The link's URL is in this variable
});