Jquery 使用“单击事件”单击重叠的图元

我得到了这个DOM：

<li>
    <img class="ui-selectee" src="../img/thumbs/80x80_1280_wallpaper.jpg" style=""/>
    <input type="hidden" value="3"/>
    <a class="btnImgDel" title="Eliminar" href="javascript:void(0)">Eliminar</a>
    <a class="btnImgRen" title="Renombrar" href="javascript:void(0)">Renombrar</a>
    <a class="btnImgZoom" title="Ampliar" href="javascript:void(0)">+</a>
</li>

然而，当我点击一个链接时，什么也没发生。链接具有更大的z索引且可见

---

有什么方法可以使这项工作正常进行，或者有什么线索可以说明可能发生了什么？

您是否将代码放在$（document）.ready（）中了

您也可以尝试：

$(document).ready(function() {
  $('.btnImgDel').click(
    function(){
      $('#dialogDeleteImg').dialog('open');
      console.log('click');
    });
});

还是这个

<span class="btnImgDel" title="Eliminar">Eliminar</span>

Eliminar

将console.log放在对话框（）之前，这可能会失败

另外，不需要使用javascript的href

<a href="#"></a>

<script>
    $(".btnImgDel").click(function (event) {
        event.preventDefault();
    });
</script>

$（“.btnImgDel”）。单击（函数（事件）{
event.preventDefault（）；
});

是，它在$（document）.ready（）内。我无法使用$（'.btnImgDel'）。请单击（）。a、 btnImgDel是动态创建的，这就是为什么我使用live（）是的，这就是解决方案。他在用现场直播的方式，但你能把想法传达出去，这在我看来才是最重要的。；）正如注意到的。。。您可以使用“return false；”而不是“event.preventDefault（）”——它的类型更少。我在跨浏览器返回false时遇到问题，因此切换到preventDefault（），没有任何问题。；）正如deviant的回答所表明的，您的问题是，您将href=“javascript:void（0）”放在其中，从而使任何事情发生的机会无效。

<a href="#"></a>

<script>
    $(".btnImgDel").click(function (event) {
        event.preventDefault();
    });
</script>