Jquery UI-可在Div之间排序,不在Div内
我有“N”个起始行(红色边框) 我想从起始行(红色边框)排序(数字框1、2、3等…)以接收行(绿色边框) 排序表不应在起始行(红色边框)内工作。 接收行(绿色边框)内的可排序必须有效 注意:这里我只想禁用/取消起始行(红色边框)中的可排序功能。 下面使用脚本代码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({
$('.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
上执行相同的操作。