#11588 closed bug (invalid)
.on doesn't work with clone elements
Reported by: | Owned by: | ||
---|---|---|---|
Priority: | low | Milestone: | None |
Component: | event | Version: | 1.7.1 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
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: http://jsfiddle.net/rasec/AdGye/3/
.live example http://jsfiddle.net/rasec/MTP67/3/
Tested in Firefox 11 and Chromium 17
Change History (2)
comment:1 Changed 11 years ago by
Component: | unfiled → event |
---|---|
Priority: | undecided → low |
Resolution: | → invalid |
Status: | new → closed |
Note: See
TracTickets for help on using
tickets.
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() {});