可排序与可拖动的jQuery和Rails

Question

感谢阅读。

我的rails网页有许多按钮和链接。这些根据div类很好地排序。当我使用jQuery的可拖动功能时，我可以隔离一个提交链接，然后拖动它。按钮，链接等都作为一个整体保持在一起。完美！

如果我更改单词＆＃34; draggable＆＃34;到＆＃34;可排序＆＃34;为了获得我真正想要的效果，然后我的div提供的功能发生了变化。一个帖子的组成部分不再绑定在一起。 upvote按钮未附加到链接，未附加到downvote按钮等

我将提供图片和代码以帮助解释。我很感激任何建议。谢谢。

帖子组件作为单个单元拖动

帖子组件在他们自己的帖子中单独排序。添加边框以明确发生了什么。当然，目标是对整个帖子进行排序，而不仅仅是组件，将它们移到彼此之上或之下。

<script src="/javascripts/jQueryUI.js"></script>
<script type="text/javascript" language="javascript">

$(function () {
$(".individual_link").sortable();
});
</script>


<div class="summary_title">
<th>Page Title.</th><br><br>
</div>

<div class="all_submission_links">
<% @submissions.each do |submission| %>

    <div class="individual_link">
    <%= link_to submission.summary, submission, :id =>       "individual_link" %>

  <% #Had to use try method because if email is nil (user delted   account) program will crash. %>
  <div class="submission_dates"><p>Submitted <%= time_ago_in_words(submission.created_at) %> ago by <%= submission.user.try(:username) %></p>
  </div>
   <%= link_to like_submission_path(submission), method: :put, class:   "btn btn-default btn-sm" do %>
    <span class="glyphicon glyphicon-chevron-up"></span>
    Upvote
    <%= submission.get_upvotes.size %>
  <% end %>
  <%= link_to dislike_submission_path(submission), method: :put, class: "btn btn-default btn-sm" do %>
    <span class="glyphicon glyphicon-chevron-down">
    Downvote
    <%= submission.get_downvotes.size %></span>
<% end %>
</div>
<% end %>
</div>

这个排序过程很困难，因为我使用ruby方法而不是典型的无序列表方法。如以下示例所示，我将非常感谢有关如何对帖子进行整理的任何建议：https://jqueryui.com/sortable/

再次感谢。

Answer 1

我在这种情况下找出了draggable和sortable之间的区别。为了使它可以排序，我所要做的就是使all_submission_links类可以排序，而不是使用individual_link类。

希望这可以帮助将来处理可拖动和可排序的人。