Jquery UI - 可在Div不在Div之间进行排序

Question

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

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

注意：这里我只想在开始行（红色边框）内禁用/取消可排序功能。 下面使用的脚本代码。

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

         });

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

     });

Demo

Answer 1

您可以使用可排序的beforeStop事件，

 beforeStop: function (event, ui) {
        //$(ui.placeholder).parent()[0] gives target sort element
        //If this is current element revert sort
        if ($(ui.placeholder).parent()[0] == this) {
            $(this).sortable('cancel');
        }
    }

请参阅working Fiddle

我希望这会对你有所帮助。