jquery取消特定句柄的可排序

时间:2011-09-15 07:26:00

标签: jquery jquery-ui-sortable droppable

我有一个列表,我已经应用了droppable并可以相互排序。 每个列表项都包含一个div框,当单击列表项上的“编辑”链接时,该框将打开。该div框上的其他列表项很少。我想在div之间对div的列表项进行排序。但我面临的问题是,当我尝试对列表项进行排序时,将调用父列表项的排序。

我的研究发现使用“取消”参数有助于禁用拖动。语法如下:

$( ".selector" ).draggable({ cancel: '#box' }); 

但这对拖拽来说非常有效。我希望实现类似,但在droppable或sortable的情况下我找不到任何这样的参数。

问题的直观描述在这里链接: http://i54.tinypic.com/678nm1.jpg

上面我试图以一种非常简单的方式描述。实际上,在我的项目中有很多行,面板。字段,可排序,可拖动,可放置的项目结构。虽然很混乱。

当我在小提琴上工作的时候,我发现它可以按照我的需要工作。我在这里链接了网址 - http://jsfiddle.net/PkRJu/9/

看起来有别的东西是错的。我正在做。 如果有人能说出我做错了什么,请告诉我。

1 个答案:

答案 0 :(得分:1)

要在创建后禁用sortable,您可以使用:

$( ".selector" ).sortable( "option", "disabled", true );

对于droppable

$( ".selector" ).droppable( "option", "disabled", true );

如果您仍然遇到问题,请尝试在jsfiddle.net上发布您的代码以便我们提供帮助