Jquery 可拖动和可排序

标签 jquery html css

我在组合可拖动和可排序时遇到了一个特殊问题。 我正在使用 Jquery 版本 1.8.2 拖放工作正常但我需要使用 Jquery 版本 1.11.3 sortable 但它不起作用。

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

<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>

最佳答案

你只需要实现:

<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 可拖动和可排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40134076/

相关文章:

javascript - 检查字符串是否有句点(十进制)w/jQuery?

jquery - 顶部抽屉导航菜单切换向下推送内容并显示事件链接

Jquery 禁用 HTML 按钮不起作用

html - 如何更改 css 过渡开始?

javascript - PhoneGap Javascript 代码未显示

javascript - 每当发生变化时自动更新所有用户的 html dom

php - 如何使图像 map <Area> 标签具有背景色

javascript - 如何模拟内容可编辑元素的可编辑点击

jquery - 有哪些选项可以让文本/列表项出现在列中?

javascript - 如何更改图片标题的 CSS?