Question

我遇到了这个jsfiddle（http://jsfiddle.net/efvsbxL7/1/），它的作用与我需要的几乎相似，所以我决定复制它并为我的项目进行调整。

只有一个小问题，那就是我不能让这个例子在我的本地机器上工作。

更新：

    <!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <link href="jquery/jquery-ui.css" rel="stylesheet">
    <link href="stylesheet/style.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jque‌ry.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/‌jquery-ui.min.js"></script>
</head>
<body>
<ul id="sortable">
    <li class="ui-state-default big">Activiteiten</li>
    <li class="ui-state-default">Zelfscan</li>
    <li class="ui-state-default">Samenwerken</li>
    <li class="ui-state-default big">Doelen en expertises</li>
    <li class="ui-state-default">Opleidingen</li>
</ul>

    <script type="text/JavaScript">
        $(function() {
            $( "#sortable" ).sortable();
            $( "#sortable" ).disableSelection();
            $("#sortable .big").css("width","210px");
        });
    </script>
</body>
</html>

CSS部分正在运行，javascript不是。这是我第一次使用这个，所以如果我犯了一个愚蠢的错误，我道歉。

亲切的问候，

工作

Answer 1

你忘了在

之前加入Jquery Library

<script src="jquery/jquery-ui.js"></script>

不能让“拖拽”工作

1 个答案: