Home/ Questions/Q 600797
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T16:38:42+00:00

I came across a strange problem with html anchor tags. I have an anchor

  • 0

I came across a strange problem with html anchor tags. I have an anchor tag on the html page and on clicking the ‘a’ tag it is supposed to give me an alert message. It is working well. But, If I append a new ‘a’ tag using jquery to the html page and on click of that appended ‘a’ tag is not working. i was able to give href, target blah blah blah to the appending ‘a’ tag but.. onlick function is not working. Any thoughts ???

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In jQuery, you typically use the .click() function on a selector to set the click handler. Note that if multiple items match the selector, multiple items will have the click handler installed.

    Here’s a trivial code snippet that should do what you want:

    <html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
    </head>
    <body>
        <script type="text/javascript">

        function addLink(label, msg) {
            /* Create link element.
               The href="#" makes the link act like a link
               (be highlighted, selectable, etc.).
               The onClick="return false;" keeps the link from
               scrolling the browser to the top of the page.
               The onClick is not interfered with by jQuery's
               .click() . */
            var link = $('<a href="#" onClick="return false;">' + label + '</a>');

            /* Install click handler. */
            function clicked_handler() {
                alert(msg);
            }
            link.click(clicked_handler);

            /* Add the link to the body. */
            $('body').append(link);
        }

        addLink('Link 1', 'You clicked link 1');
        $('body').append('<br/>');
        addLink('Link 2', 'You clicked link 2');

        </script>
    </body>
</html>
    • 0