jQuery数据过滤

时间:2014-05-14 17:26:25

标签: jquery html5 sorting filter

请参阅以下链接:

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>

等等

谢谢

0 个答案:

没有答案