Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery同位素插件加法过滤器_Javascript_Jquery_Jquery Isotope - Fatal编程技术网

Javascript jQuery同位素插件加法过滤器

Javascript jQuery同位素插件加法过滤器,javascript,jquery,jquery-isotope,Javascript,Jquery,Jquery Isotope,我正在使用同位素过滤器对项目的模板列表进行排序。用户可以选择基于列宽(2列、3列、4列)或类型(文本、图像、视频)进行过滤。有更多的选项,但这使示例更简单 过滤器现在的工作方式是,该项必须匹配所有过滤器选项。我希望能够筛选与一个或多个筛选选项匹配的项目 第二个问题:是否有允许分步过滤的功能?例如,如果我可以显示所有2列或3列的模板,然后将这些结果过滤为文本和视频模板 我认为这可能超出了插件的范围,我可能必须编写自己的过滤器,找到不同的插件(至少用于过滤)或更改过滤向用户呈现的方式。我假设您应用了

我正在使用同位素过滤器对项目的模板列表进行排序。用户可以选择基于列宽(2列、3列、4列)或类型(文本、图像、视频)进行过滤。有更多的选项,但这使示例更简单

过滤器现在的工作方式是,该项必须匹配所有过滤器选项。我希望能够筛选与一个或多个筛选选项匹配的项目

第二个问题:是否有允许分步过滤的功能?例如,如果我可以显示所有2列或3列的模板,然后将这些结果过滤为文本和视频模板


我认为这可能超出了插件的范围,我可能必须编写自己的过滤器,找到不同的插件(至少用于过滤)或更改过滤向用户呈现的方式。

我假设您应用了各种用于过滤的类,如col2、col3、col4和文本、图像,视频和当前正在沿着“.col2.image”的行构建一个过滤器字符串,该字符串获取跨越两列的每个元素,并且是一个图像。通过用逗号分隔它们,您将得到一个OR过滤器('.col2,.image'),它显示任何图像或跨两列的内容

首先,您现在可以在第二部分中组合这些内容,创建一个过滤器,如“.col2.text、.col2.video、.col3.text、.col3.video”。但是,这可能会很快变得难看,尤其是在增加类别数量时

为了简化,我修改了同位素以接受一组过滤器,并将它们与多个过滤器调用链接在一起,但是,听起来也可以传入更复杂的过滤对象,而不是字符串(https://github.com/desandro/isotope/issues/144#issuecomment-4595552)这样就不需要修改同位素的来源。对于上面的示例,这可能类似于:

$('.element').filter('.col2, col3').filter('.text, .video')
这比生成一系列可能的组合要简单得多


文件在.filter上(http://api.jquery.com/filter/)提供有关高级筛选的更多信息。

我假设您已经应用了各种用于筛选的类,例如col2、col3、col4和text、image、,视频和当前正在沿着“.col2.image”的行构建一个过滤器字符串,该字符串获取跨越两列的每个元素,并且是一个图像。通过用逗号分隔它们,您将得到一个OR过滤器('.col2,.image'),它显示任何图像或跨两列的内容

首先,您现在可以在第二部分中组合这些内容,创建一个过滤器,如“.col2.text、.col2.video、.col3.text、.col3.video”。但是,这可能会很快变得难看,尤其是在增加类别数量时

为了简化,我修改了同位素以接受一组过滤器,并将它们与多个过滤器调用链接在一起,但是,听起来也可以传入更复杂的过滤对象,而不是字符串(https://github.com/desandro/isotope/issues/144#issuecomment-4595552)这样就不需要修改同位素的来源。对于上面的示例,这可能类似于:

$('.element').filter('.col2, col3').filter('.text, .video')
这比生成一系列可能的组合要简单得多


文件在.filter上(http://api.jquery.com/filter/)提供有关高级筛选的更多信息。

您可以轻松筛选此处显示的各种组合

您可以轻松筛选此处显示的各种组合

谢谢,有关逗号分隔的部分正是我要找的。我已经在构造一个字符串过滤器来传递,所以修改它不会那么困难。如果我有代表,我会投票支持你。再次感谢。如果你正在构造字符串,请确保删除最后的
,否则会出错。谢谢,关于逗号分隔的部分正是我要找的。我已经在构造一个字符串过滤器来传递,所以修改它不会那么困难。如果我有代表,我会投票支持你。再次感谢。如果你正在构造字符串,请确保删除最后的
,否则会出错。谢谢你的代码。就像我上面说的,如果我有代表,我会投赞成票。没问题。帮助是为了帮助-投票是为了bean计数器:)谢谢你的代码。就像我上面说的,如果我有代表,我会投赞成票。没问题。帮助用于帮助-投票用于bean计数器:)