Jquery Sortable div动态改变位置

Question

我想问一下如何在运行时更改可排序 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 的位置并设置属性位置“绝对”时，它改变了 div 的位置，但问题是“可排序”div hieght 没有增长。第二件事是你不能通过拖放改变div的位置请帮助我如何解决它.. 因为绝对..

提前致谢..

Answer 1

我猜你想简单地改变 div 的位置。由于您使用的是 jquery，因此使用以下代码即可。

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

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

下载地址:http://jqueryui.com/download/

有关如何使用 .sortable() 的文档，请访问:http://jqueryui.com/sortable/