在Jquery sortable中,我如何限制可拖拽的'LI‘的行为,使其只能附加到另一个'ul’的末尾?
<ul id="sortable1" class="connectedSortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
</ul>
<ul id="sortable2" class="connectedSortable">
<li class="ui-state-highlight">Item 1</li>
<li class="ui-state-highlight">Item 2</li>
<li class="ui-state-highlight">Item 3</li>
<li class="ui-state-highlight">Item 4</li>
<li class="ui-state-highlight">Item 5</li>
</ul>
<script>
$(function() {
$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable"
}).disableSelection();
});如何使'sortable1 li‘元素只能附加在'Sortable2’列表的末尾,而不能附加在'Sortable2‘li元素之间?
发布于 2013-04-05 13:37:16
$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable",
receive: function( event, ui ) {
$(ui.item).appendTo(this);
}
}).disableSelection();https://stackoverflow.com/questions/15826473
复制相似问题