.on doesn't work with clone elements

The .on function apparently doesn't work with elements that has been cloned and appended to the DOM dynamically.

I tried it using .live and works perfectly.

.on example:

.live example

Tested in Firefox 11 and Chromium 17

Attachments (0)

Change History (2)

_comment0:	That's because the element doesn't exist when you bind to it. \ \ Either use \ event delegation: $(".bet").on('click', ".addbetbutton" \ or live using .on(): $(document).on('click', ".addbetbutton" → 1334317866384082
component:	unfiled → event
priority:	undecided → low
resolution:	→ invalid
status:	new → closed

That's because the element doesn't exist when you bind to it. The normal .on() works like the old .bind().

Either use

event delegation: $(".bet").on('click', ".addbetbutton", function() {});

or live using .on(): $(document).on('click', ".addbetbutton", function() {});

My mistake, thanks a lot and sorry for the inconvience

Side navigation