Zugriff auf dom-Elemente aus eingefügtem HTML mit jquery

Question

Ich möchte Zugriff auf DOM-Elemente erhalten, die mit jquery aus einer externen HTML-Datei hinzugefügt werden.

Hier ist mein erster Teil des Codes, wo ich die HTML hinzu:

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

die "game_menu.html" sieht aus wie diese (atm zum Testen)

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

Jetzt ist ich versuchen, Zugriff auf die Elemente mit jquery, die wie folgt aussieht:

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

Aber beide einfach nicht funktionieren. Wie ist es möglich, auf ALLE DOM-Elemente zuzugreifen? Kann mir jemand helfen?

Thx, auf 0 €

Answer 1

Sie müssen sich für dynamisch generierte Inhalte $(document).on("click", "#startgame", startGame()); verwenden.

Siehe Click event doesn't work on dynamically generated elements aus dem Grund, warum Sie dies tun müssen.

Answer 2

definieren das Ereignis innerhalb

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

Diese Elemente nicht in DOM existieren.