javascript - 如何使用鼠标移动网页上的页面部分(段落)？

Question

我的网页上显示了一份简历。其中包含部分(段落)，例如教育、经验、项目等，这里是客户 想要通过在网页的段落(节)上拖动鼠标来移动页面上的这些节。我怎样才能实现这个功能。我正在使用 ruby​​ on Rails 框架。是否有任何 rails gem 或 jquery 框架来实现此任务？

Answer 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