jquery how to select other element that is inserted by other JS/jQuery

Question

I am running discourse and I am trying to modify what happens when one clicks the logout link, I do not want to modify discourse stock javascript...

There is an element elem1 that when clicked inserts another html menu with the logout link. So is it not present when $(document).ready.. is called. I need to modify what happens on elem2.click which is where the logout link is.

I want to do this...

$("#elem1").click(function() {
    console.log("step1")
    $("#elem2").click(function () {
        console.log("step2")
        ..do my custom logout 
    })
})

but I think jquery is not finding it because it was not there when it first loaded.

use event delegation like `$(document).on("click","#elem2", function(){ })` for attaching event to `#elem2` — vijayP, Sep 22 '16 at 06:22
I am trying to find the code that creates it but unfortunately I cannot — Joff, Sep 22 '16 at 06:29
The creating shouldn't be relevant if you're using the solution from vijayP — Kilian Stinson, Sep 22 '16 at 06:31
@KilianStinson I tried that solution but I still cannot get it to see the second element, nothing happens when it is clicked — Joff, Sep 22 '16 at 06:54

Aleksandar Matic · Answer 1 · 2016-09-22T12:20:14.433

1

Change to this

$("#elem2").on('click',function () {
        console.log("step2")
        ..do my custom logout 
    })

or if you're using older jQuery:

 $("#elem2").live('click',function () {
            console.log("step2")
            ..do my custom logout 
        })

edited Sep 22 '16 at 12:20

answered Sep 22 '16 at 06:21

Aleksandar Matic

789
1
9
21

thanks for the try, but it doesn't seem to be working – Joff Sep 22 '16 at 06:29
Try putting this code outside of the first click. – Aleksandar Matic Sep 22 '16 at 06:57
still not working for me :( idk why – Joff Sep 22 '16 at 07:28
Are you sure that the second element selector is correct? – Aleksandar Matic Sep 22 '16 at 07:47
positive, I've opened the developer console, clicked on the first element and manually typed in the second one to make sure that it selects properly. granted I was using a plain JS `querySelector` instead of jquery but afaik it should be the same – Joff Sep 22 '16 at 11:56

jquery how to select other element that is inserted by other JS/jQuery

1 Answers1