Jquery ui 两个列表之间的最后一个li项未触发jquery ui删除事件

我使用的是一个可拖放的ulli项目，可以将列表项目从一个项目拖放到另一个项目。当项目被删除时，我需要使用jQueryUIDroppableDropEvent来处理它们。这适用于除列表中最后一个LI元素之外的所有项目

我的HTML代码：

<ul class="ui-helper-reset">
  <li id="event-start1" class="ui-state-default">
      List Item 1
  </li>
  <li id="event-drag1" class="ui-state-default">List item 2</li>
  <li id="event-stop1" class="ui-state-default">
      List Item 3
  </li>
</ul>
<br />
<ul class="ui-helper-reset">
  <li id="event-start2" class="ui-state-default">
      List Item 1
  </li>
  <li id="event-drag2" class="ui-state-default">List item 2</li>
  <li id="event-stop2" class="ui-state-default">
      List Item 3
  </li>
</ul>

为什么最后一个LI没有触发该事件？如何解决？ 提前谢谢

$(function () {
$(".ui-state-default").draggable({
    helper:'clone',
    cursorAt:{top:-10,left:-10},
    stop:function(event, ui){
        alert(event.originalEvent.target.id)
    }
});
$(".ui-helper-reset li").droppable({
    drop: function (event, ui) {
        if ($(event.originalEvent.target).hasClass("ui-droppable"))
            alert("drop");
    }
});
});