Events firing twice or more

[lxsameer]

I'm using Turbolinks jquery to with AdminLTE and after each request events handlers execute more than once. After some investigation I found out that you binds you document inside a $(function()) block. This is not a good idea generally and should we should avoid such mistakes. For instance, this example below can be a common occurrence and should be avoided:

/* BAD: don't bind 'document' events while inside $()! */
$(function() {
  $(document).on('click', 'button', function() { ... })
});

You should be binding your events outside a $(function()) block. This will ensure that your events will only ever be bound once.

/* Good: events are bound outside a $() wrapper. */
$(document).on('click', 'button', function() { ... })

[almasaeed2010]

Interesting observation. I will look into it as soon as I get a chance. Thanks for letting us know.

[lxsameer]

cool, If I find some free time I'll fix it too

[almasaeed2010]

How can we test that these events are really firing more than once?

[lxsameer]

It's a bit complicated but I can test it for you if you want .

[lxsameer]

@almasaeed2010 dist/js/app.js does not generate automatically from other js sources, right ?

[almasaeed2010]

Right