javascript - 我正在开发游戏，但我在 JavaScript 中动态创建的 div 上的点击事件不起作用

Question

我正在开发一个平台游戏，为此我创建了一个被调用的 window.onload 事件。

在这个事件中，我创建了一个 div 元素，设置它的 ID，然后设置它的 onclick 属性。我绝对肯定我的语法是正确的，但是当我单击 Mario div 时它不会触发警报。

window.onload = showChoice;

// Let the player choose a character
function showChoice() {
    var opt1 = document.createElement("div");
    opt1.setAttribute("id","opt1_mario");
    opt1.onclick = function() {
        alert("You chose Mario!");
    }
    document.getElementById("container").appendChild(opt1);

    var opt2 = document.createElement("div");
    opt2.setAttribute("id","opt2_luigi");
    opt2.onclick = function() {
        alert("You chose Luigi!");
    }
    document.getElementById("container").appendChild(opt2);
}

实际的游戏玩法有效，但我被一个糟糕的点击事件拖住了。我希望有人能指出我正确的方向。提前致谢！

Answer 1

为很晚的反应道歉。事实证明，我将一些 z 索引设置为负整数，这导致了问题。:)

当我将 z 指数更改为正指数时，一切都很好。