Home/ Questions/Q 7667453
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T15:06:23+00:00

I often end up with some event bindings firing multiple times in Jquery/Jquery Mobile,

  • 0

I often end up with some event bindings firing multiple times in Jquery/Jquery Mobile, especially when using the new Jquery on() vs. Jquery live();

Example:

   $(document).on("pagebeforechange", function (e, data) {
      // stuff
      });

I’m wondering the following:
If I have multiple binds like the above, will they each fire once or will they fire as many times as I’m using the binding.

Example:
3 document/pagebeforechange listeners = every listener 1x
3 document/pagebeforechange listeners = every listener 3x

Thanks for some clarification!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Each call to .bind(), .on(), .delegate() etc. will create a new, unique event handler and gets queued up.

    So yes, each call to those methods will fire a new handler. Don’t be sloppy with that.

    For instance

    <body>
    <div>
        <span>foo</span>
    </div>
</body>

$('span').on('click', function() {
    alert('span #1');
});

$('span').on('click', function() {
    alert('span #2');
});

    This would alert span #1 followed by span #2 when we click on the span.

    • 0