List.js 返回错误结果

Question

我是第一次使用 List.js。我真的很喜欢它，目前我正在将它与 rails 4.2 一起使用来创建一个 Pokémon 团队创建工具。我还使用 jQuery 1.11.3 作为 rails.

的 JavaScript 库

我现在有这个：

它的编码是这样的：

<script>
  var options = {
    valueNames: ['name']
  };
var userList = new List('pokemons', options);
</script>


<div id="pokemons">
  <input class="search form-control" placeholder="Search" />  
  <ul class="list" style="list-style: none; padding:0; margin:0;">
    <% PokemonDefault.where(forme: nil).each do |pokemon| %>
      <li>
        <div class="name">
          <%=image_tag 'miniaturePokemon/'+pokemon.code+'.png' %>
            <%=pokemon.name %>
        </div>
      </li>
      <% end %>
  </ul>
</div>

它从 PokemonDefaults table 获取所有 pokémon，并显示它们的图像和名称。

但是，当我输入 'baa':

之类的内容时，List.js 表现得很奇怪

如您所见，这些 神奇宝贝 中的任何一只的名字中都有 "baa"。发生了什么事？

Answer 1

我认为 List 会感到困惑，因为您的 div 中有一个 img 标签。尝试将您的 html 渲染为：

  <li>
    <%=image_tag 'miniaturePokemon/'+pokemon.code+'.png' %>
    <span class="name"><%=pokemon.name %></span>
  </li>

List.js 返回错误结果

List.js is returning wrong results

javascript

jquery

ruby-on-rails

listjs