Why is my function not triggered by a click?

Question

<script type="text/javascript"> $('.pp').click(function() { alert(); }); </script> <p class=pp>asdf</p> <p class=pp>asdf</p> <p class=pp>asdf</p> 

Why is the function not called on a click event?

This should be a very stupid and stupid question, but I don’t know what I am missing.

Answer 1

Since the DOM is not loaded yet :

 $(document).ready( function() { // ...your code... } ); 

Answer 2

it should be

 <script type="text/javascript"> $(function(){ $('.pp').click(function(){ alert(); }); }); </script> 

Answer 3

This is because you are attaching a click event to a node that is not there yet. Place the code after the HTML nodes or call it on load or DOMContentLoaded .

Answer 4

or

 <script type="text/javascript"> $(document).ready(function(){ $('.pp').click(function(event){ alert(); }); }); </script>