jQuery click binding in a KnockoutJS foreach doesn't work

Question

I have a jQuery click binding within a knockoutJS foreach, and it's not working. I believe that knockout is stopping the propagation.

Is there a way to make it work? I'm trying to avoid binding to click event with knockout.

Can you post some code? Maybe in a JSFiddle? By the way you should return true in your KO event handler to propagate the event. — nemesv
– nemesv, Commented Dec 31, 2012 at 14:26
if you don't share your code it's going to be difficult to help you — Josep
– Josep, Commented Dec 31, 2012 at 14:26

Lloyd Smith · Accepted Answer · 2012-12-31 14:30:22Z

12

Without seeing any of the code, I can only assume that you are doing something similar to

$('element').on('click', function(e){});

To bind a click event to dynamically generated objects you need to have your click events like this

$('body').on('click', 'element', function(e){});

answered Dec 31, 2012 at 14:30

Lloyd Smith

1,18712 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Idrees Over a year ago

Dynamic, of course :) You are correct. I used $(elem).live("click" , function(e){}); Instead of $(elem).click(function(e){});

Kieran Over a year ago

ah gawd that is annoying. Why don't they just stop propagation when you used the KO click binder? And jquery.live is now deprecated. Using the jquery.on() and attaching to root worked for me.

Collectives™ on Stack Overflow

jQuery click binding in a KnockoutJS foreach doesn't work

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related