jquery - 没有重复的 jQuery UI 可删除

Question

我正在尝试使用 jQuery UI 拖放功能制作一个购物车。看到这个:https://jsfiddle.net/m3x1k8Lu/ 我的问题是如何避免重复的项目。我想进行一项限制，以便没有人可以向购物车添加超过 1 个 L2。

$( "#relations ol" ).droppable({
  activeClass: "ui-state-default",
  hoverClass: "ui-state-hover",
  accept: ":not(.ui-sortable-helper)",
  drop: function( event, ui ) {
    $( this ).find( ".placeholder" ).remove();
    $( "<li></li>" ).text( ui.draggable.text() ).appendTo( this );
  }

谢谢

Answer 1

这里是更新的 fiddle :https://jsfiddle.net/m3x1k8Lu/1/

我们只接受特定的类，并在放置它时将其从可拖动对象中删除:

accept: ".special",
drop: function (event, ui) {
  $(ui.draggable).removeClass('special');

问题是我必须从接受事件中删除选择器: :not(.ui-sortable-helper) 。您必须弄清楚如何使用具有这种格式的多个选择器