如何测试jquery-ui可排序元素连接的元素?

时间:2016-06-16 16:30:30

标签: jquery-ui

我想测试jquery-ui可排序元素的连接。这些信息是存储在某个地方,还是有某种方法可以解决这个问题?

例如,如果我有四个列表,并且我想看看它们中是否有任何连接,如果是,那么它们与哪个列表连接起来我将如何进行连接?

这是一个代码示例: https://jsfiddle.net/mL1e0mLh/

$('#sortable1').sortable({ connectWith: '#sortable4' });
$('#sortable2').sortable();
$('#sortable3').sortable();
$('#sortable4').sortable({ connectWith: '#sortable1' });

function getConnectedList(element) {
  var connectedElement = null;
  // Do something
  return connectedElement;
}

getConnectedList(document.getElementById('sortable1')); // Should return element with ID #sortable4
getConnectedList(document.getElementById('sortable2')); // Should return null
getConnectedList(document.getElementById('sortable3')); // Should return null
getConnectedList(document.getElementById('sortable4')); // Should return element with ID #sortable1

1 个答案:

答案 0 :(得分:1)

您可以使用instance method执行此操作:

function getConnectedList(element) {
  return element.sortable( "instance" ).options.connectWith;
}

<强> jsFiddle example