List.js返回错误的结果

Question

我第一次使用List.js。我真的很喜欢它，现在我正在使用它和rails 4.2一起创建一个口袋妖怪团队创建者工具。我还使用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表中获取所有的口袋妖怪，并显示它们的图像和名称。

然而，当我输入‘baa’之类的东西时，List.js表现得很奇怪：

​

​

正如你所看到的，任何一个精灵都以他们的名义拥有"baa“。这是怎么回事？

Answer 1

我假设List会感到困惑，因为您的div中有一个img标记。尝试将您的html呈现如下：

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