如何使用鼠标在网页上移动页面部分（段落）？

【问题标题】：how to move page sections (paragraphs) on web page using mouse?如何使用鼠标在网页上移动页面部分（段落）？
【发布时间】：2017-04-06 11:32:30
【问题描述】：

我有一个resume 显示在web page 上。其中包含sections (paragraphs)，如education、experience、projects 等，这里client 想通过dragging 将这些sections 在页面上移动到web page 的paragraphs(sections) 上。我该如何实现这个功能。我正在使用ruby on rails 框架。是否有任何rails gem 或jquery 框架来完成这项任务？

【问题讨论】：

标签： javascript jquery ruby-on-rails resume

【解决方案1】：

是的，jQuery UI 可排序，试试吧：https://jqueryui.com/sortable/

如果你有这样的事情：

<div id="sections">
  <p>...</p>
  <p>...</p>
  <p>...</p>
</div>

那么你需要做的就是安装 Sortable 并且：

$( "#sections" ).sortable();

您可以在此处找到完整的 API 文档：http://api.jqueryui.com/sortable/

这是用于 rails 的 jQuery UI：https://github.com/jquery-ui-rails/jquery-ui-rails

【讨论】：

谢谢，瓦西里。在同一个网页上，我有两个选项，例如“下载为 pdf”和“下载为 word”选项。这些变化也会反映在这方面吗？
没问题！如果他们是<div id="sections"> 的孩子，那么是的。但是有一些有用的 handle (api.jqueryui.com/sortable/#option-handle) 和 cancel (api.jqueryui.com/sortable/#option-cancel) 选项，阅读更多关于它们的信息，它们就是你所需要的。