Jquery可排序div动态更改位置

我想问一下如何在运行时更改可排序div的位置。。。 这是我的html代码

<div id="sortable2" class="connectedSortable">
    <div id="div1" class="ui-state-highlight">Item 1</div>
    <div id="div2"  class="ui-state-highlight">Item 2</div>
</div>

这是我的jquery代码

 <script type="text/javascript">
        $(document).ready(function () {

            $("#div2").css({
                left: 701.33334350585937,
                top: 6.3333358764648437
            });

            $("#div1").css({
                left: 701.33334350585937,
                top: 50.3333358764648437
            });

            $("#div1").collapsible = true;

            $("#sortable2").css({
                height: 'auto'
            });
        });

当我设置div的位置并将属性位置设置为'absolute'时，它会改变div的位置，但问题是'sortable'divhight不会增长。第二件事是你不能通过拖放改变div的位置，请帮我解决这个问题。。 因为绝对

---

提前谢谢

我想您只需要更改div的位置。因为您使用的是jquery，所以请使用以下代码，这样就可以了

<script type="text/javascript">
    $(document).ready(function () {
        $('#sortable2').sortable()
    }
</script>

确保在html页面中也使用了jquery ui

如需下载，请访问：

---

有关如何使用.sortable的文档，请转到：

为什么需要修改该div的位置？如果有人更改div的位置，则可以更改…$div2.css{position:'absolute'，left:701.33334350585937，top:6.3333358764648437}$css{位置：'absolute'，左：701.33334350585937，上：50.3333358764648437}；如果我没有设置绝对属性，那么div位置在运行时不会改变。。如果我设置了absolute属性，因此无法拖放div..我希望两个功能div的位置在运行时都会更改，并且我可以将一个div拖放到另一个div。。