使用jquery

时间:2016-05-20 16:16:31

标签: javascript jquery html dom insert

我希望能够访问从外部HTML文件添加jquery的DOM-Elements。

这是我添加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

2 个答案:

答案 0 :(得分:1)

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

请参阅Click event doesn't work on dynamically generated elements了解您必须这样做的原因。

答案 1 :(得分:0)

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

DOM中不存在这些元素。