|
|
当前位置: 站长天下 / 表单抽奖 / jQuery汽车分类参数筛选条件代码插件
jQuery汽车分类参数筛选条件代码插件
标签:

插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2018-05-09
    阅读:

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

简要教程

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

使用方法

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

<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相关文件

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


网友评论

网友评论