getting access to dom elements from inserted html with jquery

Question

I want to get access to DOM-Elements which are added with jquery from an external HTML-File.

Here's my first part of the code where I add the HTML:

$.get("resources/game/game_menu.html").success(function(data) {
    $("#gameView2").html(data);
});

the "game_menu.html" looks just like this (atm for testing)

<div id="gameMenu" class="gameMenu">
    <button id="startGame" type="button">Click Me!</button>
</div>

Now I'm trying to get access to the elements with jquery which looks like this:

$("#startGame").click(startGame());
$("#gameMenu").someFunction(someContext);

But both just don't work. How is possible to get access to ALL of the DOM-Elements. Can anyone help me?

Thx, myr0

Where do you put the last two commands? Can you show the whole code please? — user6360214
– user6360214, Commented May 20, 2016 at 16:20

Community · Accepted Answer · 2017-05-23 11:52:44Z

1

You need to use $(document).on("click", "#startgame", startGame()); for dynamically generated content.

See Click event doesn't work on dynamically generated elements for the reason why you have to do this.

edited May 23, 2017 at 11:52

CommunityBot

11 silver badge

answered May 20, 2016 at 16:24

Matt Solarz

1461 silver badge8 bronze badges

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

3 Comments

Alex Kudryashev Over a year ago

$(document).on("click", "#startgame", startGame);

myr0 Over a year ago

$(document).on("click","#startGame", function(){ startGame() }); this fixed it! thx!

Matt Solarz Over a year ago

Alex is right, you can just pass in startGame instead of function() { startGame() }, but the way you've done it should be fine as well.

Omar Vega · Accepted Answer · 2016-05-20 16:29:41Z

0

Define the event inside

$.get("resources/game/game_menu.html").success(function(data) {
    $("#gameView2").html(data);
    $("#startGame").click(startGame());
});

Those elements not exist in DOM.

answered May 20, 2016 at 16:29

Omar Vega

53 bronze badges

1 Comment

Soubhik Mondal Over a year ago

startGame shouldn't have () I think, as it's a callback.

Collectives™ on Stack Overflow

getting access to dom elements from inserted html with jquery

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related