Question

我有一个带有房间名单列表的侧边栏。您可以在模态中编辑房间的名称。单击模式中的更新时，应在侧栏中更新房间名称，并且它应按照列表中的正确顺序显示。由于服务器端的Rails代码，这将在刷新时发生。我只需要让它在客户端工作。

除了排序外，它一切正常。我在update.js.erb文件中试过这个：

$("ul.rooms li").detach().sort(asc_sort).appendTo('ul.rooms');
function asc_sort(a, b){
    return ($(b).text()) < ($(a).text()) ? 1 : -1;
}

这导致每个列表项出现两次，新更新的房间排序到列表的底部。

以下是列表项的HTML外观（房间名称为1）：

<li>
  <a href="#" class="room" id="room-11">
      1
      <span class="badge counter"></span>
  </a>
  <a class="cog-link pull-right" style="padding:0 20px 0 2px;" data-remote="true" href="/rooms/11/edit"><i class="glyphicon glyphicon-cog pull-right"></i></a>
</li>

Answer 1

在Chrome中执行此操作是一场噩梦，因此我最终使用tinysort来解决此问题：http://tinysort.sjeiti.com/

Rails上的订单列表项使用jQuery更新

1 个答案: