List.js返回错误的结果

时间:2015-05-22 01:13:57

标签: javascript jquery ruby-on-rails listjs

我第一次使用List.js。我非常喜欢它,现在我和rails 4.2一起使用它来创建一个Pokémon团队创建工具。 我也使用jQuery 1.11.3作为rails的JavaScript库。

我现在有这个:

Pokémons list

它的编码如下:

<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 表中获取所有pokémon,并显示其图像和名称。

然而,当我输入'baa'之类的东西时,List.js表现得很奇怪:

Weird behaviour of List.js

如你所见,任何pokémon的名字中都有“baa”。 发生了什么事?

1 个答案:

答案 0 :(得分:3)

我认为List因为你的div中有img标记而感到困惑。尝试渲染你的html:

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