筛选jquery拆分列表

见：

我正在使用easylistsplitter.js来布局公文包项目。不幸的是，我的过滤器不能在所有项目上工作。它只过滤第一列

想法

---

谢谢

我不太明白您是如何尝试将listsplitter与砌体插件一起使用的

砌体插件设置布局，并将布局拆分为所需的列数。如果查看布局页面，您会发现Mashise已将布局拆分为4列：

#primary.listCol1

、

.listCol2

、

.listCol3

和

.listCol4.last

。因此，之后应用listsplitter不起作用，因为列表已被拆分

如果您试图对列表进行排序，您可以查看插件，或者如果您只需要一个很好的短脚本，那么来自的脚本需要稍加修改

---

更新：我正在查看可过滤脚本，但找不到一个简单的解决方案。但我确实发现（对我来说）这似乎更容易理解。我稍微修改了它，使动画与可过滤脚本相同，结果如下：

$(document).ready(function() {
  $('ul#portfolio-filter a').click(function() {
    $(this).css('outline','none');
    $('ul#portfolio-filter .current').removeClass('current');
    $(this).parent().addClass('current');

    var filterVal = $(this).text().toLowerCase().replace(' ','-');

    if(filterVal == 'all') {
      $('.portfolio li.hidden').animate({ width: 'show', opacity: 'show' }, 1000 ).removeClass('hidden');
    } else {
      $('.portfolio li').each(function() {
        if(!$(this).hasClass(filterVal)) {
          $(this).animate({ width: 'hide', opacity: 'hide' }, 1000 ).addClass('hidden');
        } else {
          $(this).animate({ width: 'show', opacity: 'show' }, 1000 ).removeClass('hidden');
        }
      });
    }
    return false;
  });
});

---

除了用上面的代码替换“jquery.filterablepack.js”内容之外，您不必做任何更改。

想：也许再多指定一点您的问题也不是个坏主意；-）是的，比如：easylistsplitter.js应该做什么，它做什么，为什么错了，你使用什么过滤器，有没有可以发布的代码示例，你指的是哪个“列”…jquery.easylistsplitter.js-filterable.js-easylistsplitter将列表拆分成列-这很好。不幸的是，我无法按类筛选列表项。当我使用过滤器时，它只对easylistsplitter拆分的列表的第一列起作用。我假设这是因为它将列表拆分为多个列表，所以我不确定如何修复此问题。谢谢抱歉-布局不使用砌体-将easylist拆分器用于砌体样式布局。这种过滤效果允许我进行切换。它有两种不同的布局（你在砌石方面帮助了我，我正在尝试确定哪一个是最好的。好吧，我用我找到的一些可过滤代码更新了我的答案，因为我无法获得你必须使用的代码。福吉-你是一位知识渊博的人。我感谢你的所有帮助。现在我必须找出我更喜欢哪一个-带切换的列表过滤器，还是砌石过滤器w。）没有切换。。。