javascript - jQuery可排序元素取决于它们的属性

我在页面上有几个容器，它们是.sortable()，因此可以使用<div>选项将connectWith中的所有元素从一个容器移至另一个容器。但是，如何防止其中的某些元素放在特定的可排序列上？

每个元素都有一些特定的属性，这些属性描述了可在其上移动.sortable()容器的位置。

最佳答案

据我了解，您可以指定可排序放置区域的可能目标：


  connectWith
  
  类型：选择器
  
  默认值：false
  
  该列表中项目的其他可排序元素的选择器
  应该连接到。如果需要，这是一种单向关系
  双向连接的项目，connectWith选项
  必须在两个可排序元素上都设置。代码示例：初始化
  使用指定的connectWith选项可排序：

$( ".selector" ).sortable({
  connectWith: "#shopping-cart"
});

  
  初始化后获取或设置connectWith选项：

// Getter
var connectWith = $( ".selector" ).sortable( "option", "connectWith" );

// Setter
$( ".selector" ).sortable( "option", "connectWith", "#shopping-cart" );

为了获得更高的精度，请使用类似以下内容：api.jqueryui.com/sortable/#event-receive