Home/ Questions/Q 8368087
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T13:18:20+00:00

I’m trying to use JQuery’s on() function to attach an event to a button

  • 0

I’m trying to use JQuery’s on() function to attach an event to a button and any button that will be dynamically created and injected later on. However, when I run the test website, it calls alertMe() without clicking the button. alertMe is in a .js file and of course, I have the JQuery file. This is about as simple an example as I can create – am I missing something here with attaching this event with JQuery? 

<body>
    <script src="Scripts/JScript.js" type="text/javascript"></script>
    <script src="Scripts/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('button').on("click", alertMe());
        });
    </script>
    <form id="form1" runat="server">
    <div id="1">
        <button data-attr="1">
            Say Sumfin'</button>
    </div>
    </form>
</body>

data-attr is just a custom attribute that I’ll use to identify the buttons I’ll be attaching this too.

EDIT

So the reason the question was asked will remain evident, I’ve left it as-is. But this is what I used to actually have the event properly attach to dynamically added elements.

$(document).on('click', '[data-attr]', alertMe);
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This:

    $( 'button' ).on( 'click', alertMe );

    The .on() method expects a function reference as its second argument. Notice the difference:

    alertMe // function reference

alertMe() // function invocation
    • 0