jQuery UI可排序+可拖动+可在相同元素上放置
jQuery UI可排序+可拖动+可在相同元素上放置
提问于 2011-06-09 06:10:14
我希望使用jQuery UI排序+拖放+拖放与相同的项目。我希望对所有.item元素进行排序，并能够将一个.item拖放到另一个元素中。下面是我的代码：
<script>
$(function() {
$("#wrapper").sortable({
items: ".item",
stop: function(event, ui) {
// save new sort order
}
});
$(".item").draggable({
helper: ".clone",
connectToSortable: "#wrapper"
}).disableSelection().droppable({
accept: ".slide",
drop: function(event, ui) {
// dropping .item into another .item
}
});
});
</script>
<div id="wrapper">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
</div>当我使用sortable + draggable + droppable时，只有一个或另一个不能同时使用它们。为了实现这一点，我错过了什么？
谢谢!
回答 1
Stack Overflow用户
发布于 2011-06-11 00:17:11
我不确定我完全明白你想说什么。如果您只是尝试通过拖放对列表中的项目进行排序，则不需要.draggable和.droppable。
http://jsfiddle.net/Earendil/saQwr/
如果您正在尝试将一个项目元素放到另一个项目元素中，请让我知道，我会看看是否可以让它工作，并为它发布一个更新的小提琴。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6285882
复制相关文章
相似问题
腾讯云开发者
