Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何制作div项堆栈_Jquery - Fatal编程技术网

Jquery 如何制作div项堆栈

Jquery 如何制作div项堆栈,jquery,Jquery,我有下面的代码可以很好地工作,我正在尝试让项目在移动到boxA中时堆叠起来。我该怎么做呢 $(function () { $("#sortable").sortable(); $("#boxA").droppable({ activeClass: 'ui-state-hover', hoverClass: 'ui-state-active', drop: function (event, ui) { $(th

我有下面的代码可以很好地工作,我正在尝试让项目在移动到boxA中时堆叠起来。我该怎么做呢

$(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; }