Question

我有一些HTML

<div id="clickme">
<div>some stuff</div>
<div>some more stuff</div>
</div>

我在clickme div上放置了一个点击事件

$("#clickme").click(function(){
alert("test");
});

但是当我点击这些词时，事件永远不会发生。如何激活该点击，即使我点击div内的标签也能正常工作？

谢谢！

UPDATE：

数据是一个数组

$('#playerInfoContainer .playerInfoEntry').each(
    function (index) {
        var div = "";
        //alert(data[index]._userName);
        div = div + "<div id='" + data[index]._userName + "' style='display:none' class='ui-widget-content'><div style='height:200px'>";
        div = div + "</div>";
        div = div + "<input width='150px'/>";
        div = div + "</div>";
        $("#chat").append(div);
        $(this).data("player", data[index]);
        $(this).click(function () {
            alert($(this).data("player")._userName);
            $('#chat').find("#" + $(this).data("player")._userName).show();
        });
    });

但警报从未触发过。

Answer 1

仅使用您所提供的内容（到目前为止）代码应该正常工作。我唯一能想到的是你在将事件插入DOM之前尝试将事件绑定到节点/元素。

由于你正在使用jQuery，一种方法是将代码包含在dom ready事件中：

$(function() {
    $("#clickme").click(function() {
        alert("test");
    });
});

Answer 2

尝试将代码放在</body>之前和jquery.js

之前

处理div内所有对象的click事件

UPDATE：

2 个答案: