Question

我想用kaminari覆盖list.js的分页。有没有一种方法可以使list.js的搜索系统仍然有效？我之所以希望这样做的主要原因是要有更多的样式选项，请参阅我先前How to override the list.js pagination提出的问题。我已经安装了kaminari。如果还有另一种方法可以覆盖list.js（以使其样式更好）但仍保持其功能，我很想听听它。

这是使用list.js的搜索栏中的代码：

<div class="music_header" id="test-list">
  <div class="row">
    <div class="col-sm-4">
      <div class="music-description">
        <h1>Mijn Muziek</h1>
      </div>
    </div>
    <div class="col-sm-8">
      <div class="d-flex justify-content-center">
        <div class="searchbar">
          <input class="fuzzy-search" id="myInput" type="text" placeholder="Zoeken" >

        <a href="#" class="search_icon"><i class="fas fa-search fa-lg"></i></a>
        </div>
      </div> 
    </div> 
  </div>  
  <div class="my_music_new">
    <%if logged_in?(:site_admin)%> 
      <%= link_to 'Nieuw', new_my_music_path %>
    <% end %>
  </div>     
  <div class="list">
    <%= render @my_musics %>
  </div>
  <div class="pag_card">
    <div classs="card">
      <ul class="pagination"></ul>
    </div> 
  </div>
</div>
<script>
  var monkeyList = new List('test-list', {
  valueNames: ['name'],
  page: 5,
  pagination: true
});
</script>

如何为list.js实现kaminari

0 个答案: