Neu zu jquery versuchen, mein Quadrat ohne Erfolg hier zu ziehen ist mein Code

Question

Hallo, ich versuche, mein Quadrat ziehbar zu machen, aber ohne Erfolg. Ist das Problem mit meinem Skript? oder habe ich vermisst etwas buchstabieren? dank

<style> 

    #square { 

      background-color:red; 
      width:200px; 
      height:200px; 
    } 


</style>  

<div id="square"></div> 

<script 

$("#square").draggable(); 

</script> 

Answer 1

Verwenden Sie jQuery UI?

See: https://jqueryui.com/draggable/

Sie müssen sowohl die jQuery und jQuery UI initialisieren:

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<script> 
    $(function() { 
    $("#draggable").draggable(); 
    }); 
</script> 
<div id="draggable"> 
    <p>Drag me around</p> 
</div> 

Kasse diese CodePen sowohl mit jQuery und jQuery UI initialisiert werden:

https://codepen.io/dammeul/pen/JXpPwe