javascript - jsblocks 动画示例

Question

我正在关注 http://jsblocks.com/ 上的动画示例但我遇到了问题。

除了更改 font-awesome href 链接之外，我还准确地复制了它，并且更改了 script.js 中的标题字符串。

当我加载 index.html 时，我的所有项目都像示例中那样显示，但当我使用搜索框时，它会显示错误的结果。

例如，假设我的标题字符串是 Barry、Freddy 和 Patrick。

当我搜索帕特里克时，它要么不显示任何结果，要么会显示巴里和弗雷迪？

更新所以我发现搜索功能确实有效，但前提是您搜索没有单词第一个字母的术语？

例如搜索 Patrick 不会显示结果，但搜索 arick 会显示结果？!

Answer 1

您只需在您正在搜索的 items 属性上调用 toLowerCase() 即可，例如jsblocks 示例中的 title。因此，对于 jsblocks 网站上的示例，它看起来像这样:

var items = [
  { icon: 'cubes', title: 'Blocks' },
  /* ... */
];
var filterVal = blocks.observable();
blocks.query({
  filter: filterVal,
  items: blocks.observable(items).extend('filter', function (value) {
    return !filterVal() || value.title.toLowerCase().indexOf(filterVal().toLowerCase()) != -1;
  })
});