Jquery 如何限制可拖放列表中的元素数？

你们中的任何一位可以帮助我修改代码，将可拖放列表中的元素数量限制为仅接受一个项目，并在用户尝试拖放多个项目时显示消息吗

这是我的密码

$("#droppable_widget,#draggable_widgets").sortable({
            connectWith: "#droppable_widget,#draggable_widgets",
            start: function (event, ui) {
                    ui.item.toggleClass("highlight");
            },
            stop: function (event, ui) {
                    ui.item.toggleClass("highlight");
            }
});

---

只要在需要中止事件的条件出现时返回false。像这样的东西似乎很合适，这就是你想要的吗？

---

为什么不在第一个项目被删除后解除可删除事件的绑定？您能告诉我怎么做吗？。。我不是jquery专家：）它应该可以防止您删除多个项目，不是吗？非常感谢Stephen:）

$("#droppable_widget,#draggable_widgets").sortable({
            connectWith: "#droppable_widget,#draggable_widgets",
            start: function (event, ui) {
                    ui.item.toggleClass("highlight");
            },
            stop: function (event, ui) {
                    ui.item.toggleClass("highlight");
                    $('#droppable_widget').droppable('disable');
            }
});

$("#droppable_widget,#draggable_widget").sortable({
  connectWith: "#droppable_widget,#draggable_widget",
  start: function (event, ui) {
  },
  stop: function (event, ui) {
    var item = $(ui.item);
    var to = item.parent().is("#droppable_widget");
    var siblingsCount = item.siblings().size();
    if (to && siblingsCount > 0) {
      alert("only one item allowed here");
      return false;
    }
  }
});