Jquery UI-可在Div之间排序,不在Div内

Jquery UI-可在Div之间排序,不在Div内,jquery,html,css,jquery-ui,Jquery,Html,Css,Jquery Ui,我有“N”个起始行(红色边框) 我想从起始行(红色边框)排序(数字框1、2、3等…)以接收行(绿色边框) 排序表不应在起始行(红色边框)内工作。 接收行(绿色边框)内的可排序必须有效 注意:这里我只想禁用/取消起始行(红色边框)中的可排序功能。 下面使用脚本代码 $('.draggable-row').sortable({ connectWith:".sortable-row" }); $('.sortable-row').sortable({

我有“N”个起始行(红色边框) 我想从起始行(红色边框)排序(数字框1、2、3等…)以接收行(绿色边框)

排序表不应在起始行(红色边框)内工作。 接收行(绿色边框)内的可排序必须有效

注意:这里我只想禁用/取消起始行(红色边框)中的可排序功能。 下面使用脚本代码

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

         });

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

     });

您可以在可排序的事件中使用
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');
        }
    }

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

谢谢你。这就是我所期望的。此外,我还想将类添加到当前正在进行的可排序项(此项),这应该在可排序完成后才能工作。如果我尝试在起始行(红色边框)内进行排序,我会在firebug控制台中的“TypeError:”下方。任何人都可以解决它。TypeError:this.placeholder[0]。parentNode为null this.placeholder[0]。parentNode.removeChild(this.placeholder[0]);
JsFiddle
是否适合您?如果是,您使用的jqeury版本是什么?JSFIDLE中也没有相同的错误。您可以使用上面的“working Fiddle”jquery:v1.9.1和jQueryUI-v1.11.2进行检查。使用了版本文件。在
beforeStop
上使用
cancel
似乎会引发问题,因此我对其进行了一些修改,以便在
stop
上执行相同的操作。