请参阅以下链接:
http://www.momentapps.co.uk/root
我们目前有一个可滚动的缩略图图像列表,这些图像链接到特定页面。现在在左边我们有4个下拉菜单。在这些下拉菜单中我们设置了一些过滤器,因此开放位置和选择美国将过滤掉仅保留美国公司的美国公司。向下移动到"能力"允许进一步过滤,例如选择系统将显示在美国进行系统的所有公司。
目前选择美国会带来美国,然后选择系统会启动所有系统,而不是专门来自美国的系统。我希望过滤结果,然后根据第一个选择再次过滤结果。目前这一切都在数据过滤器中完成,但我不确定是否会削减它...我的jQuery不是最好的!
代码:
<div id="dd" class="wrapper-dropdown-1" tabindex="1">
<span>Location</span>
<ul class="portfoliofilter" tabindex="1">
<li class="filter" data-filter="us"><a id="hide" href="#">US</a></li>
<li class="filter" data-filter="uk"><a id="hide1" href="#">UK</a></li>
<li class="filter" data-filter="thailand"><a id="hide" href="#">Thailand</a></li>
<li class="filter" data-filter="mexico"><a id="hide" href="#">Mexico</a></li>
<li class="filter" data-filter="malaysia"><a id="hide" href="#">Malaysia</a></li>
<li class="filter" data-filter="france"><a id="hide" href="#">France</a></li>
<li class="filter" data-filter="holland"><a id="hide" href="#">The Netherlands</a></li>
<li class="filter" data-filter="all"><a clase="show_all" id="hide" href="#"> Locations</a></li>
</ul>
</div>
上面是下拉列表,下面是目标
<div class="filter_list">
<ul class="portfolio">
<li class="item us sub prec engines frame">
<div class="portfolioitem">
<a name="click" class="active" href="index.html"><img src="_includes/img/thumbs/absolute.jpg"></a>
</div>
</li>
<li class="item us lra sub com prec frame">
<div class="portfolioitem">
<a name="click" class="low" href="_pages/amt.html"><img src="_includes/img/thumbs/amt.jpg"></a>
</div>
</li>
等等
谢谢