Question

我有一个这样的代码片段:(注意frame_bookmark有z-index 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 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

在jquery中调用ID时形成我的理解，就像JavaScript默认为eq（0）。

但是在使用属性类/名称时，您要为

指定索引数字

示例

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

和/或使用.each函数

点击事件在较高的z-index元素上无法识别

3 个答案: