我正在查看另一个问题
如何使用输入表单和 jquery 按类别过滤图像?
它有点像我的问题,我尝试玩一些 jsfiddles 但我没有成功。 http://jsfiddle.net/3bk22/44/
<img src="http://placehold.it/123x100/123/1" class='landClass' />
<img src="http://placehold.it/100/fe2/2" class='landClass' />
<img src="http://placehold.it/100x50/aaa/3" class='absClass' />
<img src="http://placehold.it/200x150/42E/4" class='landClass' />
<br/> <br/>
Filter: <br/>
<select>
<option value="abstract" /> Abstract<br />
<option value="landscape" /> Landscape<br />
</select>
$('option[value="landscape"]').click(function(){
$('.landClass').toggle();
});
$('option[value="abstract"]').click(function(){
$('.absClass').toggle();
});
我基本上不知道在给他们上课后是否可以为 850 多张图像创建一个过滤器。我打算使用复选框,但是会有 50 多个类别,我希望尽量减少框所需的区域。
我想达到什么目的?
- 所有类别的下拉过滤器。
- 我可以添加无限类别的下拉菜单。
- 加载时默认显示该框为空。
- 隐藏任何不属于当前过滤器的图像。