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

中连接它们

jquery ui sortable需要限制拖动

1 个答案: