Home/ Questions/Q 8194259
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T04:45:43+00:00

In the example below <html> <head> <script src=http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js type=text/javascript></script> </head> <body> <a href=#>test</a> <button

  • 0

In the example below

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<a href="#">test</a>
<button id="btn-add">Add</button>
<div id="placeholder">
</div>
<script type="text/javascript">
    $(document).ready(function () {

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

        $("#btn-add").on("click", function () {
            $('#placeholder').prepend('<a href=\'#\'>blah2</a>');
        });
    });
</script>
</body>
</html>

If you click on ‘Add’ then ‘blah2’ nothing happens even though I am trying to alert on any anchor click. As a check if you click on ‘test’you get the popup

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this instead:

    $('body').on("click", "a", function () {
    alert('clicked');
});

    Link to fiddle

    • 0