2010-01-24 64 views
2

我有这两个列表,从中我可以将项目从一个移动到另一个与jQuery UI和连接列表,与Ajax。如果一个项目被拉过来,一个消息在一个php文件中生成,然后出现在屏幕上。 现在我想,例如右侧列表应该被允许包含最多10个项目。如果jquery可能会很好,如果列表中已经有十个项目,并且你拖动第十一个项目,那么该项目会以某种方式消失,也许会有一点影响。我想可能读出php文件中的数据库,如果已经有十个项目了,依此类推。但我目前不知道,如果以及如果以这种方式,jQuery会支持这种行为。你能给我一些建议吗?jquery - 设置项目的限制,可以拖入列表

问候,maschek

+0

我忘记提及了,如果超出限制,拖放的整个动作可能会取消,并且该项目再次出现在其原始列表中,这一点很好。也许这是一个更准确的方式来描述这个计划。 – maschek 2010-01-24 22:48:14

+0

如果您想添加信息,您可以编辑自己的问题。你不需要使用评论。 – Scharrels 2010-01-24 23:00:16

回答

0

你可以使用jQuery选择列表中的所有项目,然后使用length属性来找出有多少实际选择。这会让你检查你的列表有多大。 E.g:

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

使用从http://docs.jquery.com/UI/Droppable的例子,你可以这样做:

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

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

沿该线的矿石东西。

0

有时它很容易。只要将“贪婪:真实”置于可解释的定义中,它就可以正常工作。