javascript - 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/