Issue with jquery onclick (not triggering)

Question

I am having a strange issue.

I have created a code snippet where the user can create dynamic input elements and remove them as well

When I click the remove class then it's not triggering the onclick event.

<input type='button' value='Add Button' id='addButton'>
<div id="TextBoxesGroup"></div>

I have created a jsFiddle

http://jsfiddle.net/squidraj/b4Cs8/2/

`$('body').on("click","a.removeField", function () {$(this).parent().remove();});` — Steve, Jul 16 '14 at 10:05

Sudharsan S · Accepted Answer · 2014-07-16T10:47:25.890

0

Use event delegation in jquery

$(document).on("click" , "a.removeField", function (event) {
      event.preventDefault();
      $(this).parent().remove();
     counter--;            
});

Fiddle

edited Jul 16 '14 at 10:47

answered Jul 16 '14 at 09:59

Sudharsan S

15,336
3
31
49

@downvoter care to comment. What mistake i done in the above code? – Sudharsan S Jul 16 '14 at 10:04
Thanks Sudharsan. It worked. Also updated the fiddle. http://jsfiddle.net/b4Cs8/4/ Thanks once again. – Raj Jul 16 '14 at 10:10
@Raj - you missed counter value decrement. please check my answer – Sudharsan S Jul 16 '14 at 10:14
Do we need a counter to decrease the value at all? – Raj Jul 16 '14 at 10:38

Issue with jquery onclick (not triggering)

1 Answers1