Home/ Questions/Q 9086249
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T21:26:32+00:00

Click event with jquery function is not working when it is before the a

  • 0

Click event with jquery function is not working when it is before the a tag but it is working fine after the a tag. Also, if I use document.ready then it works. I would like to know why it is not working when it is before the a tag.

<head>
    <script type="text/javascript">
        function jchand(){
            $('a').click(function(){
                alert('a')
            })
        }
        jchand();
    </script>
</head>
<body>
    <a href="#" >click me</a>
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The element doesn’t exist when you try to bind .click, as the page has not yet finished loading.

    another thing If i am using document .ready then it is working

    Well, this is exactly what $(document).ready is for:

    $(document).ready(function()
{
    $('a').click(function()
    {
        alert('a');
    });
});

    Alternatively, you could use .on():

    $(document).on('click', 'a', function()
{
    alert('a');
});

    which binds to the entire document instead, and so will work for any elements added in the future.

    • 0