Jquery UI可排序需要限制拖动

jquery ui sortable need to restrict drag

本文关键字：拖动 UI 排序 Jquery      更新时间：2023-09-26

我是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

在li类candrop中应该是可掉落的。

但是我不能得到这个。请帮帮我。

我想你正在寻找的东西在这里的jQuery UI示例中有解释。

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

但是，我认为Tejasva是对的，你不应该在一个里里放一个里。也许你需要创建多个可排序表并将它们连接到可排序表

相关文章：