Question

我有这个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>

链接不会覆盖所有图像，只会覆盖一些像素。

正如您可能注意到的，img是可选择的（jQuery UI），并且它有三个链接作为兄弟。这些链接应该在单击时运行一个函数：

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

然而，当我点击链接时没有任何反应。链接具有更大的z-index并且可见。

任何方式使这项工作或任何可能发生的事情的线索？

Answer 1

在对话框（）之前放置console.log，它可能会失败。

此外，不需要使用javascript的href。

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

$(".btnImgDel").click( function(event) {

   event.preventDefault();

});

Answer 2

你把代码放在$（document）.ready（）吗？

你也可以尝试：

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

或者

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

使用单击事件单击重叠元素

2 个答案: