jquery - 设置可以拖动到列表中的项目限制

Question

我有这两个列表，我可以使用 jquery ui 将项目从一个列表移动到另一个列表，并使用 ajax 连接列表。如果某个项目被拉过来，则会在 php 文件中生成一条消息，然后显示在屏幕上。现在我希望，例如，正确的列表应该允许最多包含十个项目。如果可以使用jquery，那就太好了，如果列表中已经有十个项目，并且您去拖动第十一个项目，那么该项目会以某种方式消失，也许会产生一点影响。我想如果已经有十个项目，也许可以读出 php 文件中的 db，依此类推。但我目前不知道，如果以及如果以哪种方式，jquery 会支持这种行为。你能给我一些建议吗？

你好，马什切克

Answer 1

使用 http://docs.jquery.com/UI/Droppable 中的示例，你可以这样做:

    $("#draggable").draggable();

    $("#droppable").droppable({
      drop: function() { 
          if($("#draggable").children().length > 10)
            return;
      }
    });

沿着这条线开采一些东西。