通过单击按钮对Rails元素进行排序

，可以使用JavaScript来实现。以下是一个基本的实现步骤：

首先，在Rails视图文件中，创建一个按钮元素，并为其添加一个点击事件监听器。例如：

<button id="sort-button">排序</button>

在JavaScript文件中，使用jQuery或纯JavaScript来获取按钮元素，并为其添加点击事件的处理函数。例如：

$(document).ready(function() {
  $('#sort-button').click(function() {
    // 排序逻辑
  });
});

在点击事件处理函数中，使用Ajax来向服务器发送请求，获取需要排序的数据。可以使用Rails的控制器和路由来处理这个请求，并返回排序后的数据。例如：

# 在控制器中定义一个排序的动作
def sort_elements
  elements = Element.all.order(:name) # 根据需要排序的字段进行排序
  render json: elements
end

在点击事件处理函数中，接收到服务器返回的排序后的数据后，可以使用JavaScript来更新页面上的元素顺序。例如，可以使用jQuery的append()方法将排序后的元素逐个添加到页面中。例如：

$(document).ready(function() {
  $('#sort-button').click(function() {
    $.ajax({
      url: '/elements/sort_elements', // 发送到服务器的请求地址
      method: 'GET',
      success: function(data) {
        // 清空原有元素列表
        $('#element-list').empty();
        
        // 将排序后的元素逐个添加到列表中
        data.forEach(function(element) {
          $('#element-list').append('<li>' + element.name + '</li>');
        });
      }
    });
  });
});

以上是一个简单的实现步骤，通过单击按钮对Rails元素进行排序。具体的实现方式可能会根据具体的需求和技术栈有所不同。