javascript - jquery ui sortable需要限制拖动

Question

我是 jquery 拖放新手

我使用了以下 http://jqueryui.com/sortable/拖放脚本

就是需要限制一个特定的元素只能被拖动而其他元素不能。

即

<ul id="sortable">
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
    <li class="candrop"></li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
    <li class="ui-state-default candrag"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
    <li class="candrop"></li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>

第三个 li 有类 candrag。所以具有 candrag 类的元素只能被拖动。这个怎么限制。

我查看了教程 http://www.tutorialspoint.com/jqueryui/jqueryui_sortable.htm

它应该可以在 candrop 类 li 中删除。

但我无法得到这个。请帮我。

Answer 1

我认为您正在寻找的内容在 jQuery UI examples here 中有解释。 .

$( "#sortable" ).sortable({
  items: "li.candrag"
});

$( "#sortable li" ).disableSelection();

但是，我认为 Tejasva 是对的，你不应该把一个里放在一个里里。也许你需要制作几个可排序的并在 connected sortables 中连接它们