CODEWITHSUNDEEP
jqueryclick
Faizan Ali
Faizan Ali

Reputation: 509

jQuery: click function is not catching the click event on hyperlink

I have the following piece of code 

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>
        $('body').on('click', 'a.wishlist_item', function(){
            alert('asas');
            return false;
        })
    </script>
</head>
<body>
<a class="wishlist_item" id="wishlist_item" href="#" >Add to wishlist</a>
</body>
</html>

The code is supposed to alert when I click on the hyperlink with wishlist_item class. but its not working.. is there anything that I may be doing wrong in this code ?

Upvotes: 5

Views: 809

Answers (1)

Guffa
Guffa

Reputation: 700242

You have to bind the event after the element exists. Use the ready event to run the code when all the page is loaded:

$(document).ready(function(){
  $('body').on('click', 'a.wishlist_item', function(e){
    alert('asas');
    e.preventDefault();
  });
});

Upvotes: 8

Related Questions