無法在較高的z-index元素上識別點擊事件

Question

我有一個這樣的代碼片段：（注意frame_bookmark的Z索引為100）

<div id="select_bar">
  <div class="frame_bookmark" style="position:absolute;top:1px;left:695px;z-index:100;width:15px;height:15px;background:#df3367;border-radius:10px;">
  </div>
</div>

當我有JavaScript時，會顯示警告框

$("#select_bar").click(function()
{
  alert('down');
});

但是當我有如下JavaScript時未顯示：

$(".frame_bookmark").click(function()
{
  alert('down');
});

Answer 1

如果您發布的代碼恰好是您的代碼，那么您將缺少</div>結束</div> ，這肯定會讓您感到困惑。 它應該是：

<div id="select_bar">
    <div class="frame_bookmark" style="position:absolute;top:1px;left:695px;z-index:100;width:15px;height:15px;background:#df3367;border-radius:10px;"></div>
</div>

Answer 2

檢查這個http://jsfiddle.net/您的代碼很正常）

Answer 3

形成我的理解，就像在JavaScript中調用ID一樣，它默認為eq（0）。

但是在使用屬性類/名稱時，您要為

例

$（“。frame_bookmark：eq（0）”）/ $（“。frame_bookmark”）。eq（0）

或使用.each函數