Created event bug – called twice

[MaklaParticipant]

Created event is called twice if window content is jqxTabs.
This is a really nasty bug, because I do a lot of staff on create and I expect that is called only once.

Demo

[DimitarParticipant]

Hello Makla,

This is not a bug, but event bubbling. Just add the following to your code and the alert will be called only once:

$('#jqxTabs').on('created', function (event) {
    return false;
});

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[MaklaParticipant]

I still don’t know why is called twice on Window. It would be logic to call it separately on Tabs and Window, not twice on Window. Why is happening only on Tabs, but not on NavigationBar, Input, …

[DimitarParticipant]

Hi Makla,

This is because the tabs are inside the window. You can learn more about event bubbling here: http://www.javascripter.net/faq/eventbubbling.htm.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[MaklaParticipant]

I know pretty much about event bubbling. I just expected that create event is called once.

[Peter StoevKeymaster]

Hi Makla,

It is as Dimitar, says. It is event bubbling. Both jqxtabs and jqxwindow have an event called “created” which means that when you subscribe to the top DIV tag – the jqxWindow, you will listen for the jqxTabs and jqxWindow “created” event. Well, both these widgets raise their event and that is the reason why you have 2 alerts. It’s simple and is called Event Bubbling – the jqxTabs “created” event bubbles up to the jqxWindow which listens for the “created” event..

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts