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/

Jquery Sortable div动态改变位置

1 个答案: