jquery - 如何确保我可以点击具有最高 z-index 的 div？

Question

在this fiddle我试图能够点击 <div> z-index最高的元素值，但由于某种原因，点击总是在后台选择容器 game_board .

我正在尝试对其进行设置，以便在我单击灰色图 block 时添加一个新的绿色 active瓦。当我点击新的事件图 block 时，我希望能够更改其属性和样式，但我似乎无法通过点击进入事件图 block 。

我真的很困惑为什么 z-index当我添加新的 <div> 时似乎不起作用.新<div>有 active类，默认为 z-index: 10 应该表示它是前面的<div> ...通过检查检查 Chrome，所有 z-index 值都符合我的预期，但它仍然没有按预期工作。

我将不胜感激对此示例的任何和所有建设性批评。

Answer 1

您不需要为动态创建的 div 使用 .on 吗？

 $("#game_board").on('click', 'div', function() {

http://jsfiddle.net/enf4s0za/1/