的jQuery UI 1.7 1.8可拖动，可放开和排序共存

Question

可能重复：
Drag and Drop between Multiple Lists and Sortable

我想有一个包含其相应的元素两盒。我想这些元素可排序和可拖动到另一个容器（在那里他们将能够进行排序与​​他们的新队友）

我有这样的代码： http://jsfiddle.net/Q63nc/

但似乎没有采取“可排序”属性，此外，一旦我移动一个蓝色框，我不能拖动它了。为什么这个？

非常感谢您的耐心提前！

Answer 1

您遇到的问题with sortable是您指定了错误的类。您需要选择列表，而不是列表中的项目。

要获得您想要的功能，请查看the sortable connectWith property。

的connectWith选项的描述：

注意到jQuery选择与也具有施加sortables项目。如果使用，可排序现在连接到另一个单向，所以你可以从这个排序拖到另一个。

这是一个新的小提琴，显示它的工作 - http://jsfiddle.net/huWYN/。

$(function(){ 
    $("#left-side, #right-side") 
     .sortable({ 
      axis: "x", 
      connectWith: ".droppable" 
     }) 
     .disableSelection(); 
}); 

我加disableSelection所以你不小心的事情高亮显示在列表中，当你四处移动它们。它只是让经验更顺畅。您可能希望对整个容器都执行此操作。这两个列表都在。

disableSelection尚未记录，但它是the jQuery UI Core as of 1.7的一部分。

从this thread post on the function：

它是使文本元素，或包含 文本元素有用的，而不是文本可选择。例如，如果您有可拖动的元素，则当用户拖动元素时，您可能不希望文本选择发生。