Question

我面临着一个特殊的问题，即组合draggable和sortable。我使用Jquery版本1.8.2拖放工作正常，但我需要使用Jquery版本1.11.3可排序，但它无法正常工作。

我不知道如何解决问题。请纠正我的错误。

<html >
<head >
    <title></title>

    <script src=" /jquery-1.11.3.js"></script>
    <script src=" /netjs/jquery-ui.js"></script>
    <script src=" /netjs/jquery.ui.draggable.js"></script>
    <script src=" /netjs/jquery.ui.position.js"></script>

    <script>
        $(function () {
            $(".sortable").sortable({
                revert: true
            });
            $('.draggable').draggable({
                connectToSortable: ".sortable",
                helper: "clone",
                revert: "invalid"
            });
            $("ul, li").disableSelection();
        });
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <table>
            <tr>
                <td>
                    <div class="dbdiv">
                        <ul class="" style="list-style-type: none;">
                             <li>one</li>
                             <li>two</li>
                             <li>three</li>
                             <li>four</li>
                        </ul>
                    </div>
                </td>
                <td style="width: 50px;"></td>
                <td>
                    <div class="demo dbdiv">
                        <ul class="sortable dbdiv" style="min-height: 40px; min-width: 170px;">

                             <li>one</li>
                             <li>two</li>
                             <li>three</li>
                             <li>four</li>
                        </ul>
                    </div>    
                </td>
            </tr>
        </table>          
</body>
</html>

Answer 1

你只需要实现：

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.js"></script>

亲自试用https://jsfiddle.net/k3z0gvut/

Jquery可拖动和可排序

1 个答案: