How to use "on click" before the creation of my element

Question

I try to trigger an event on user click, then I used the on click method of JQuery. The problem is that I create my element after my onclick function. I've read here or here that we can add a balise name between click and the function but my code return n.apply is not a function

Here is my JQuery method:

d3.selectAll("body")
     .on('click', '.child', function(){
                console.log("here");}

and later on,this code return the good elements :

console.log(d3.selectAll("body .child"));

is there any console errors on browser? also have you put your code inside `$(document).ready ...`? — Bhushan Kawadkar, Apr 19 '16 at 13:48
try with `$(document).on('click', '.child', function(){` it may work but this is not proper solution — Bhushan Kawadkar, Apr 19 '16 at 13:54
what is d3, does it return anything in the time of registering the handlers? — or hor, Apr 19 '16 at 13:54
You can try exporting the handler to a function and assign it as handler. You can now call function anytime once it is defined. — Rajesh, Apr 19 '16 at 13:55
selectAll is d3 but it works with $(document), thanks @BhushanKawadkar (you can add an answer, I'll accept it) — Pierre GUILLAUME, Apr 19 '16 at 14:00

score 1 · Accepted Answer · answered Apr 19 '16 at 14:01

1

Try this : use $(document) as parent element to delegate click event calls

$(document).on('click', '.child', function(){
     console.log("here");
});

answered Apr 19 '16 at 14:01

Bhushan Kawadkar

28,279
5
35
57

score 1 · Answer 2 · answered Apr 19 '16 at 14:16

1

You can add a handler while you creating an element. Just create a jQuery OBject and append this to whatever you need. Note: The Click function can also be inline.

Example: https://jsfiddle.net/rfccvgLm/

answered Apr 19 '16 at 14:16

CT24

36
3

score 0 · Answer 3 · answered Apr 19 '16 at 13:57

0

it seems - as far as the syntax is ok - that the handlers are not registered, because d3.selectAll does not return no elements to register the event on

answered Apr 19 '16 at 13:57

or hor

723
3
11

How to use "on click" before the creation of my element

3 Answers3