所以我一直在研究这个例子:http://jqueryui.com/demos/draggable/#sortable http://jqueryui.com/demos/draggable/#sortable我已经在我的产品上实现了这一点。然而我想做两个重大改变。
我不希望第二个列表(在我的示例中为 toList)可以自行排序。我只希望它接受第一个列表中的项目(在我的示例中为 fromList)。
当用户从第一个列表(fromList)拖动一个项目并将其放入第二个列表(toList)时,我希望该项目被强制到底部。
建议?这是我迄今为止所拥有的一个工作小提琴。http://jsfiddle.net/CrtFD/ http://jsfiddle.net/CrtFD/
尝试使用可丢弃的 http://jqueryui.com/demos/droppable/对于您的 toList:
EDIT:根据以下评论:
http://jsfiddle.net/abzYK/ http://jsfiddle.net/abzYK/
jQuery(document).ready(function(){
jQuery("#fromList li").draggable('destroy').draggable({
connectToSortable: "#toList",
revert: "invalid",
containment: '#equipCont',
helper: function(e, ui) {
return jQuery(this).clone().css('width', jQuery(this).width());
}
});
jQuery("#toList").droppable('destroy').droppable({
drop: function(e, ui) {
var dragClone = jQuery(ui.draggable).clone();
jQuery("#toList").append(dragClone);
}
});
jQuery("ul, li").disableSelection();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)