如何确保我可以点击具有最高 z-index 的 div？
How to make sure I can click on the div with the highest z-index?
在 this fiddle 中，我试图点击具有最高 z-index 值的 <div> 元素，但由于某种原因，点击总是在选择容器背景 game_board。
我正在尝试对其进行设置，以便在单击灰色图块时添加一个新的绿色 active 图块。当我点击新的活动图块时，我希望能够更改其属性和样式，但我似乎无法通过点击进入活动图块。
我真的很困惑为什么 z-index 在我添加新的 <div> 时似乎不起作用。新的<div>有activeclass，默认是z-index: 10，应该就是前面的<div> ...通过检查检查 Chrome，所有 z-index 值都符合我的预期，但仍然没有按预期工作。
我将不胜感激对此示例的任何和所有建设性批评。
您不需要为动态创建的 div 使用 .on 吗？
$("#game_board").on('click', 'div', function() {
您正在向 game_board 添加一个新元素，但是此 $("div").click(function() 仅适用于在页面加载时创建的元素，因此如果您想实时使用 click 方法你必须使用 on 方法。
在 this fiddle 中，我试图点击具有最高 z-index 值的 <div> 元素，但由于某种原因，点击总是在选择容器背景 game_board。
我正在尝试对其进行设置，以便在单击灰色图块时添加一个新的绿色 active 图块。当我点击新的活动图块时，我希望能够更改其属性和样式，但我似乎无法通过点击进入活动图块。
我真的很困惑为什么 z-index 在我添加新的 <div> 时似乎不起作用。新的<div>有activeclass，默认是z-index: 10，应该就是前面的<div> ...通过检查检查 Chrome，所有 z-index 值都符合我的预期，但仍然没有按预期工作。
我将不胜感激对此示例的任何和所有建设性批评。
您不需要为动态创建的 div 使用 .on 吗？
$("#game_board").on('click', 'div', function() {
您正在向 game_board 添加一个新元素，但是此 $("div").click(function() 仅适用于在页面加载时创建的元素，因此如果您想实时使用 click 方法你必须使用 on 方法。