Using jQuery delegate() to replace live()

Question

I currently am creating content using jQuery.

Live(), according to the jQuery API Description: Attach an event handler for all elements which match the current selector, now and in the future.. I need this line of code to work in the future.

$(".trash").delegate('.delete_gallery', 'click', function(event) { // does not work $(".delete_gallery").live("click", function(event) { // works

How can I get the delegate to work? I don't want to use a deprecated function.

.on() is not a choice. Hopefully this isn't a duplicate question either, I couldn't find any that addressed this, they all just say how to do it.

Thanks! Jacob

Just a sanity check, but is .delete_gallery a child of .trash? — pdoherty926, Feb 28 '13 at 06:37
@ethagnawl, yes, and Austin, I can't control what version of jQuery the plugin users are using. — Jacob Raccuia, Feb 28 '13 at 06:44
Have you seen this? http://stackoverflow.com/questions/8621057/jquerys-delegate-parameter-order — pdoherty926, Feb 28 '13 at 06:48

score 1 · Answer 1 · answered Feb 28 '13 at 06:39

1

try

$(document).delegate('.delete_gallery', 'click', function(event) {

answered Feb 28 '13 at 06:39

Dakait

2,531
1
25
43

darronz · Accepted Answer · 2013-03-13T15:38:57.873

1

You'd be better delegating the event handler to $(document) rather than $(".trash') as it means you're not relying on it existing.

edited Mar 13 '13 at 15:38

answered Feb 28 '13 at 06:41

darronz

903
9
17

Can you clarify on this, as this actually fixed it. .delete_gallery was a direct child of .trash, so I assumed it would be better to be more direct. – Jacob Raccuia Feb 28 '13 at 06:45
1

@Jacob, your `.trash` elements are probably dynamic. Event delegation works by binding events on *non-dynamic* ancestors to your dynamic content. `document` works because it's the root of the DOM tree and, as such, always static. – Frédéric Hamidi Feb 28 '13 at 06:47
That would seem to be the case. Thank you! Selecting this answer as it holds the reason why. – Jacob Raccuia Feb 28 '13 at 06:53

score 0 · Answer 3 · answered Feb 28 '13 at 06:41

0

You still have .bind().

Example

$(".trash").bind('click', function(event) {

answered Feb 28 '13 at 06:41

Dipesh Parmar

27,090
8
61
90

3

`.bind()` only works on preexisting elements, and not any in the future – Jacob Raccuia Feb 28 '13 at 06:48

Using jQuery delegate() to replace live()

3 Answers3