如何使用鼠标在网页上移动页面部分(段落)?

时间:2017-04-06 11:32:31

标签: javascript jquery ruby-on-rails resume

我在resume上显示web page。其中包含sections (paragraphs) educationexperienceprojects等,此处client希望在sections页面上移动这些dragging } {鼠标} paragraphs(sections) web page。我该如何实现这个功能。我正在使用ruby on rails框架。是否有任何rails gem或jquery框架来完成此任务?

1 个答案:

答案 0 :(得分:2)

是的,jQuery UI Sortable,试一试: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