同様の質問がすでに寄せられていることは知っていますが、私の問題は少し異なるように思われるか、すでにここにある回答では機能しません。ユーザーが各ドロップダウン要素をクリックすると、クリックされた要素でテーブルをソートする必要があります。また、ページが更新されると、クリックされた要素が表示されるはずですが、現在は更新時に消えます。助けてくれてありがとう。ここに私がすでに持っているコードがあります:
events_controller.rb
def index
@events = account.events.page(params[:page]).per_page(5)
end
events.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>