Home/ Questions/Q 8146067
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T13:52:07+00:00

<!DOCTYPE HTML> <html> <head> <script type=text/javascript src=http://code.jquery.com/jquery-1.7.2.js></script> <script type=text/javascript> $(#myBtn).on(click,function(){ alert(‘myBtn Clicked’); }); </script>

  • 0
   <!DOCTYPE HTML>
<html>
<head>  
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>   
    <script type="text/javascript">
    $("#myBtn").on("click",function(){
        alert('myBtn Clicked');
    });
    </script>
</head>
<body>
    <button type="button" id="myBtn">Sample</button>    
</body>
</html>

For the above mentioned code click event is not firing. I used JSFiddle it works fine.
It works fine in case of delegation. The code I used for delegation is below

<!DOCTYPE HTML>
<html>
<head>  
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>   
    <script type="text/javascript">
    $(document).on("click","button",function(){
        alert('myBtn Clicked');
    });
    </script>
</head>
<body>
    <button type="button" id="myBtn">Sample</button>    
</body>

Help me in solving this….

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Read http://docs.jquery.com/How_jQuery_Works

    So for you it would be:

     $(document).ready(function(){
     $("#myBtn").on("click",function(){
        alert('myBtn Clicked');
     });
 });
    • 0