CODEWITHSUNDEEP
javascriptjquery
Brian Su
Brian Su

Reputation: 25

jQuery AJAX loading with multiple a href links

Hey guys I'm trying to get the following to work...

<!DOCTYPE html>
<html>

<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $("test").click(function() {
        $("#div1").load("demo_test.txt");
      });
    });
  </script>
</head>

<body>

  <div id="div1">
    <h2>Let jQuery AJAX Change This Text</h2>
  </div>

  <a id="test" href="#">Get External Content</a>

  <br>

  <a id="google" href="http://www.google.com/">Google</a>

</body>

</html>

Currently it doesn't run, but if I remove the Google line, it works. Is there something else I'm missing? Thanks!

Upvotes: 2

Views: 256

Answers (1)

winhowes
winhowes

Reputation: 8065

Change your jQuery click handler to this:

$("#test").click(function() {

I've added a # in front of test to properly select your anchor tag.

Upvotes: 4

Related Questions