Jquery UI - 在一个DIV和另一个Div之间可以分配，在DIV中无需排序

Question

我有'N'个起始行（红色边框）我想要排序（数字框1,2,3等......）表单起始行（红色边框）接收行（绿色边框）。

sortable不应在开始行（红色边框）内工作。接收行（绿色边框）内的可排序必须有效。

这里我只想在开始行（红色边框）内禁用/取消可排序功能。

我使用了以下脚本代码。

     $('.draggable-row').sortable({
      connectWith:".sortable-row"

      });

     $('.sortable-row').sortable({
      connectWith:".sortable-row"
      });

Demo Link

Answer 1

只有可排序的行应为.sortable;其他人应该是.draggable。

$('.draggable-row span').draggable({
    connectToSortable:".sortable-row",
    revert: 'invalid'                  
});

$('.sortable-row').sortable({
    revert: true           
});

http://jsfiddle.net/2tn0903g/4/