How to bind events with jQuery in django admin when new *Inline is added

Question

I made a jQuery function that binds some fields, but it doesn't work when I add a new inline.

The main problem is that I don't know how to detect the insertion in DOM and bind it to my function.

score 2 · Accepted Answer · edited May 23 '17 at 11:48

2

Use the live or delegate functions to bind to form elements. They will continue working even after you insert new form elements, and you don't need to re-attach the event handlers every time.

Related questions:

edited May 23 '17 at 11:48

Community

1
1

answered May 15 '10 at 01:49

Anurag

140,337
36
221
257

2

maybe this answer need to be updated, since live is deprecated – sacabuche May 24 '13 at 13:05

score 0 · Answer 2 · edited Nov 25 '11 at 10:45

0

$('.add-row a').click(my_function)

as long as my_function does not include return false; it shouldn't interfere with the existing functionality of that button

edited Nov 25 '11 at 10:45

antyrat

27,479
9
75
76

answered May 22 '10 at 01:10

metamemetics

675
1
7
10

i think $("selector").live("click",my_function()) is a better solution, you do it just one time at the beginning and don't need other selector, it's simpler. – sacabuche May 23 '10 at 02:54
It refuses to bind to the hyperlink, but it does to .add-row. – Izz ad-Din Ruhulessin Jun 06 '11 at 09:56

Roel Kramer · Answer 3 · 2011-06-27T15:13:05.847

0

The suggestions above do not work for this particular problem. I'll file a bug and ask if they can assign an ID to that link button, or fix it another way.

Edit: bug filed https://code.djangoproject.com/ticket/16359

edited Jun 27 '11 at 15:13

answered Jun 27 '11 at 14:43

Roel Kramer

371
3
12

How to bind events with jQuery in django admin when new *Inline is added

3 Answers3