我第一次使用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 表中获取所有pokémon,并显示其图像和名称。
然而,当我输入'baa'之类的东西时,List.js表现得很奇怪:
如你所见,任何pokémon的名字中都有“baa”。 发生了什么事?
答案 0 :(得分:3)
我认为List
因为你的div中有img
标记而感到困惑。尝试渲染你的html:
<li>
<%=image_tag 'miniaturePokemon/'+pokemon.code+'.png' %>
<span class="name"><%=pokemon.name %></span>
</li>