-3

在这个文件中：http: //jsfiddle.net/sntshkmr60/4KsHg/

所有<p>标签都固定在它们的位置上。我想让所有的<p>s 都可以移动，这样我就可以将它拖到页面上的任何其他位置。它类似于某种照片库。

纯JavaScript可以吗？还是jQuery？

请注意，我已经有类似的东西transform:rotate(30deg)使段落在其轴上倾斜。

4

5 回答 5

2

看看 jQuery UI Draggable：

http://jqueryui.com/draggable/

于 2013-04-26T03:56:09.967 回答
1

它可以通过jQuery UI ( http://jqueryui.com/ ) 来完成。将脚本包含到文档中后，您现在可以调用：

$(elements).draggable();
于 2013-04-26T03:57:49.983 回答
1

可以使用 jQuery UI 进行单个方法调用。

jQuery UI 可拖动

可拖动的小提琴

$("p").draggable();
于 2013-04-26T03:58:53.693 回答
1

使用 jQuery .draggable()。见文档。

http://jqueryui.com/draggable/

于 2013-04-26T04:03:34.737 回答
1

添加 -

    <script type="text/javascript">
  $(function() {
    $( "p" ).draggable();
  });
    </script>

在这条线以下 -

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

仅供参考- 尝试使用调试器（firebug 或 chrome 开发工具）读取 jQuery 错误，检查源代码..它是这样的 -

    <script type="text/javascript">
  $(function() {
    $( "p" ).draggable();
  });
    </script>
  </head>
  <body>
    <p class="rand"> This is the first paragraph  </p>
    <p class="rand"> This is the second one  </p>
    <p class="rand"> Here comes the third one  </p>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  </body>
</html>
于 2013-04-26T04:08:14.983 回答