使用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元素的访问权限。 谁能帮我？

Thx，myr0

Answer 1

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

请参阅Click事件不适用于动态生成的元素 ，这是您必须执行此操作的原因。

Answer 2

在内部定义事件

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

这些元素在DOM中不存在。