Jquery 如何制作div项堆栈
我有下面的代码可以很好地工作,我正在尝试让项目在移动到boxA中时堆叠起来。我该怎么做呢Jquery 如何制作div项堆栈,jquery,Jquery,我有下面的代码可以很好地工作,我正在尝试让项目在移动到boxA中时堆叠起来。我该怎么做呢 $(function () { $("#sortable").sortable(); $("#boxA").droppable({ activeClass: 'ui-state-hover', hoverClass: 'ui-state-active', drop: function (event, ui) { $(th
$(function () {
$("#sortable").sortable();
$("#boxA").droppable({
activeClass: 'ui-state-hover',
hoverClass: 'ui-state-active',
drop: function (event, ui) {
$(this).addClass('ui-state-highlight').find('p').html('Dropped!');
find('li').children().remove();
}
});
- 项目1
- 项目2
- 项目3
- 项目4
- 项目5
A列
把一件东西放在我身上
您可以在css中执行此操作:
#boxA li { display: block; }
从你给出的少量代码中,我发现问题来自于你将li附加到一个div上,它们应该真正进入ul 如果将它们附加到boxA内的ul中,它们应该自动堆叠在彼此下方 如果您希望它们堆叠在彼此的顶部,那么您需要添加一些CSS,以使它们绝对位于要放入的ul中
#boxA li { display: block; }