Javascript jquery ui sortable-仅对sortable中的某些项包含或取消,仅对某些目的地包含或取消
这里是关键:我需要禁用/包含仅针对特定项目的两个排序表之间的拖放,同时允许在它们的排序表中拖放相同的项目。我不知道如何使用Javascript jquery ui sortable-仅对sortable中的某些项包含或取消,仅对某些目的地包含或取消,javascript,jquery,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,这里是关键:我需要禁用/包含仅针对特定项目的两个排序表之间的拖放,同时允许在它们的排序表中拖放相同的项目。我不知道如何使用cancel或containment实现这一点,因为它们要么适用于所有排序,要么适用于所有项目。是否可以仅取消排序表之间的排序?还是只可能包含某些项目 以下是背景情况:我有两个使用connectWith选项连接良好的排序表。它们代表新闻稿的两列,您可以向每列添加项目,并在它们之间拖放项目。但是,这些项具有类型,并且每列中每种类型的项数量都有限制。所以问题是,如果另一列已经在该
cancel
或containment
实现这一点,因为它们要么适用于所有排序,要么适用于所有项目。是否可以仅取消排序表之间的排序?还是只可能包含某些项目
以下是背景情况:我有两个使用connectWith
选项连接良好的排序表。它们代表新闻稿的两列,您可以向每列添加项目,并在它们之间拖放项目。但是,这些项具有类型,并且每列中每种类型的项数量都有限制。所以问题是,如果另一列已经在该类型的项上达到最大值,我想禁用将项从一列拖到另一列。我可以确定列中的项目类型何时达到最大值,或者确定哪些项目应该或不应该被拖动。这只是在jQueryUI中触发正确功能的问题
- 演示:
#sortable
达到7项,则停止接受其他项
- 演示:
#sortable
达到7项,则停止接受其他项
$(function() {
$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable",
receive: function(event, ui) {
if ( $(this).find('li').size() == 7 ) {
$(ui.sender).sortable('cancel');
}
}
});
});