javascript - 使用 jquery 从插入的 html 中访问 dom 元素

Question

我想访问通过外部 HTML 文件中的 jquery 添加的 DOM 元素。

这是我添加 HTML 的代码的第一部分:

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

“game_menu.html”看起来就像这样(atm 用于测试)

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

现在我尝试使用 jquery 访问元素，如下所示:

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

但这两者都不起作用。如何访问所有 DOM 元素？谁能帮我吗？

谢谢，MYR0

Answer 1

您需要使用 $(document).on("click", "#startgame", startGame()); 来动态生成内容。

参见Click event doesn't work on dynamically generated elements因为你必须这样做。