2016-11-23 4 views
0

Ich stieß auf diese JSFiddle (http://jsfiddle.net/efvsbxL7/1/) und es funktioniert fast so ähnlich wie etwas, was ich brauche, also habe ich beschlossen, es zu kopieren und für mein Projekt anzupassen.Kann nicht "Draggable" zu arbeiten

Es gibt nur ein kleines Problem und das ist, dass ich dieses Beispiel nicht auf meinem lokalen Rechner arbeiten kann.

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

Die CSS-Teil arbeitet, die JavaScript ist nicht:

aktualisiert. Es ist irgendwie das erste Mal, dass ich das benutze, also entschuldige ich mich, wenn ich einen dummen Fehler gemacht habe.

Mit freundlichen Grüßen

Job

+2

Sie haben vergessen, jquery aufzunehmen. Link für Sie '' –

+1

Sie vermissen die jquery.js lib – Dekel

+0

Und dort "jquery-ui.js" und "jquery-ui.min.js" – Dekel

Antwort

0

Sie haben vergessen, JQuery-Bibliothek enthalten vor

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