jquery取消可在特定句柄上排序答案

【问题标题】：jquery cancel sortable on specific handlejquery取消可在特定句柄上排序
【发布时间】：2011-11-17 15:21:36
【问题描述】：

我有一个列表，我在其中应用了可放置和可排序的列表。每个列表项都包含一个 div 框，当单击列表项上的“编辑”链接时，该框会打开。该 div 框上几乎没有其他列表项。我想对 div 的列表项进行排序。但我面临的问题是，当我尝试对列表项进行排序时，会调用父列表项的排序。

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

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

但这非常适合可拖动。我想达到类似的效果，但在可放置或可排序的情况下我找不到任何此类参数。

问题的视觉描述链接在这里：

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

当我在制作小提琴时，我发现它可以根据我的需要工作。我在这里链接了网址- http://jsfiddle.net/PkRJu/9/

看起来还有其他问题。我正在做。让我知道是否有人可以建议我做错了什么。

【问题讨论】：

您应该可以使用相同的排序（取消），也许您可以创建一个 jsFiddle 来演示您的问题？
$( ".selector" ).droppable({ disabled: true }); 和 $( ".selector" ).sortable({ disabled: true }); 不适合您的情况？
你能在 jsfiddle.net 上发布一个例子吗？
几分钟后，我会将示例上传到 jsfiddle。
在你的小提琴中你必须写这个 {accept: '.mainlist'} 否则它不会工作。你能告诉我们你的小提琴里装了什么吗？

【解决方案1】：

要在创建后禁用可排序，您可以使用：

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

对于可放置的

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

如果您仍有问题，请尝试在此处和 jsfiddle.net 上发布您的代码，以便我们提供帮助

【讨论】：