0

我在列表中有一个图标，我希望能够检测到双击图标 - 所以我可以删除列表，这怎么可能（JQuery Sortable）

$("#roleList").dblclick(function(e) {
    var text = $(e.target).html();
    $(e.target).fadeOut('slow', function() {
        $("#deleteList").append(e.target);
    });
});


<ul id="roleList" class='droptrue'>
    <li class="ui-state-default" id="20~Role 1"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><input id="20" name="20" type="text" value="Director General" /></li>                                                                             
<li class="ui-state-default" id="1~Role 2"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><input id="1" name="1" type="text" value="Director" /></li>
</ul>

所以我想检测对"ui-icon ui-icon-arrowthick-2-n-s"类的点击，这样我就可以触发.fadeout并“删除”该列表项。

我猜如果我能做到这一点，这将行不通：

var text = $(e.target).html();
$(e.target).fadeOut('slow', function() {
    $("#deleteList").append(e.target);
});

我必须做一个e.target.parent？因为我想要.fadeout整个<li>而不只是图标。

任何帮助，将不胜感激

4

1 回答 1

2

你可以试试这个：

$(".ui-icon").live("dblclick", function(){
  $(this).remove();
});

这会将双击事件附加到具有类 ui-icon 的任何元素，执行时将删除该元素。如果要使用淡出删除父 li 元素：

$(".ui-icon").live("dblclick", function(){
      $(this).parent('li:first').fadeOut('slow', function(){
        $(this).remove();
       });
 });

我希望这就是你要找的

于 2010-07-25T18:40:24.403 回答