jQuery汽车分类参数筛选条件代码插件

jQuery汽车分类参数筛选条件代码插件

这是一款jQuery分类筛选代码、适用于购买汽车参数筛选,支持多选多条件过滤效果代码。

使用方法
在页面引用以下jquery-1.4.3.min.js文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script type="text/javascript">
var dlNum = $("#aui-selectList").find("dl");
for (i = 0; i < dlNum.length; i++) {
    $(".aui-screen-head-choice .aui-clear-list").append("<div class="aui-selected-info selectedShow" style="display:none"><span></span><label></label><em></em></div>");
}
var refresh = "true";
$(".aui-screen-list-item a ").live("click", function() {
    var text = $(this).text();
    var selectedShow = $(".selectedShow");
    var textTypeIndex = $(this).parents("dl").index();
    var textType = $(this).parent("dd").siblings("dt").text();
    index = textTypeIndex - (2);
    $(".aui-clear-delete").show();
    $(".selectedShow").eq(index).show();
    $(this).addClass("selected").siblings().removeClass("selected");
    selectedShow.eq(index).find("span").text(textType);
    selectedShow.eq(index).find("label").text(text);
    var show = $(".selectedShow").length - $(".selectedShow:hidden").length;
    if (show > 1) {
        $(".aui-eliminate").show();
    }
   
});
$(".selectedShow em").live("click", function() {
    $(this).parents(".selectedShow").hide();
    var textTypeIndex = $(this).parents(".selectedShow").index();
    index = textTypeIndex;
    $(".aui-screen-list-item").eq(index).find("a").removeClass("selected");
   
    if ($(".aui-screen-list-item .selected").length < 2) {
        $(".aui-eliminate").hide();
    }
});
   
$(".aui-eliminate").live("click", function() {
    $(".selectedShow").hide();
    $(this).hide();
    $(".aui-screen-list-item a ").removeClass("selected");
});
</script>

CSS样式
在页面引入以下base.css和home.css相关文件

1
2
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/home.css">

文件信息:

    1

    发表评论