jquery的新手试图拖动我的方块而没有成功这里是我的代码

时间:2016-04-09 20:10:26

标签: jquery

你试图让我的方块可以拖动但没有成功。我的脚本有问题吗?还是我错过拼写的东西? 感谢

<style>

  #square {

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


</style>    

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

 <script

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

 </script>

1 个答案:

答案 0 :(得分:0)

您使用的是jQuery UI吗?

请参阅:https://jqueryui.com/draggable/

您需要初始化jQuery和jQuery UI:

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

在初始化jQuery和jQuery UI的情况下检查此CodePen:

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