jquery - 在 Rails 3.2 中刷新页面后，Bootstrap 3 下拉选择项消失

Question

我知道已经提出了类似的问题，但我的问题似乎有点不同，或者我无法使用已经存在的答案。当用户点击每个下拉元素时，表格需要按被点击的元素排序。当页面刷新时，点击的元素应该会显示出来，而现在它会在刷新时消失。谢谢你的帮助。这是我已经拥有的代码：

events_controller.rb

def index
  @events = account.events.page(params[:page]).per_page(5)
end

事件.js

$(function(e){
  $(".dropdown-menu li a").on('click', function(){
    var selText = $(this).text();
    var variable = $(this).parents('.btn-group').find('.dropdown-toggle').html(selText+' <span class="caret"></span>');
  });
  $('.dropdown-menu a').click(function(e) {
    e.preventDefault();
  });
}); 

事件/index.html.erb

<div class="btn-group">
  <button class="btn">Select</button>
      <a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b></a>
      <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
        <li><a href="#"><%= sortable 'location' %></a></li>
        <li><a href="#"><%= sortable 'name'%></a></li>
        <li><a href="#"><%= sortable 'city' %></a></li>
      </ul>
  </button>
</div>