Question

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

问候，maschek

Answer 1

使用http://docs.jquery.com/UI/Droppable中的示例，您可以执行以下操作：

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

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

沿着这条线的东西。

Answer 2

您可以使用jquery选择列表中的所有项目，然后使用length属性查找实际选择的项目数。这可以让你检查你的列表有多大。 E.g：

if ( $('#yourlist li').length() == 10 )
{
    // Do effect here
}

Answer 3

有时它很容易。只是将“贪婪：真实”放入可信的定义中，它就可以正常工作。

jquery - 设置项目限制，可以拖入列表

3 个答案: