jQuery可拖放-无法删除克隆的元素

我正在使用jQuery UI可拖放

我需要一个相同的功能，如拖放点击星图标从可拖动，它必须添加到可拖放的容器。我成功地尝试了

但是，当我试图从可拖放容器中删除

元素时，相同的技巧（克隆）不起作用。。。在这里单击关闭图标时，它应仅从可拖动区域关闭相关的

有什么快速的建议吗

是否可以：

• 克隆（单击星形图标）仅限一次。。。当它为多次单击创建多个
  时

---

---

供参考的屏幕截图

---

HTML

---

删除按钮

li

s是动态添加的，您需要使用事件委派将事件附加到它们：

$("ul.h-droped-list").on('click','li .fa-star-o',function(){
    $(this).closest('li').remove();
});

---

事情是，您需要为动态添加的元素将click事件委托给其父元素

 /* Click Close Icon to Remove from Drop Here Container */
$('.header-favorites').on('click',"ul.h-droped-list li .fa-star-o",function(){
   $(this).closest('li').remove();
});

---

谢谢您的快速回复。。。。它像冠军一样工作。。但是，它并没有从拖动容器中取出CSS类

addedToFav

。您需要维护一些属性或类，这些属性或类将用于在删除相应新元素时针对拖动容器元素。尝试过但失败：（…我可能有100个菜单项。在这种情况下，我如何处理相同的菜单项？请帮助我解决这个问题…因为我不擅长jQuery-ecept复制粘贴：）首先，在克隆时关联一些东西（比如类或属性）。但是我如何从拖动容器中删除相关的

类？

$("ul.h-droped-list").on('click','li .fa-star-o',function(){
    $(this).closest('li').remove();
});

 /* Click Close Icon to Remove from Drop Here Container */
$('.header-favorites').on('click',"ul.h-droped-list li .fa-star-o",function(){
   $(this).closest('li').remove();
});