分类筛选


分类筛选演示
代码
<!--主体内容-->
<div class="list-content">
	<!--块元素-->
	<div class="block">
		<!--正文内容-->
		<div class="main">
			<div class="classify-list">
				<div class="classify-item">
					<span class="classify-title">类型:</span>
					<div class="classify-list-outer">
						<ul id="16" class="classify-ul">
							<li class="classify-li" val="">
								<a href="javascript:;" class="classify-letter">全部</a>
							</li>
							<li class="classify-li" val="54">
								<a href="javascript:;" class="classify-letter">TV版</a>
							</li>
							<li class="classify-li" val="55">
								<a href="javascript:;" class="classify-letter">OVA版</a>
							</li>
							<li class="classify-li" val="56">
								<a href="javascript:;" class="classify-letter">剧场版</a>
							</li>
							<li class="classify-li" val="57">
								<a href="javascript:;" class="classify-letter">真人版</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="classify-item">
					<span class="classify-title">地区:</span>
					<div class="classify-list-outer">
						<ul id="17" class="classify-ul">
							<li class="classify-li" val="">
								<a href="javascript:;" class="classify-letter">全部</a>
							</li>
							<li class="classify-li" val="54">
								<a href="javascript:;" class="classify-letter">中国</a>
							</li>
							<li class="classify-li" val="55">
								<a href="javascript:;" class="classify-letter">日本</a>
							</li>
							<li class="classify-li" val="56">
								<a href="javascript:;" class="classify-letter">其他</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
	javaex.filter({
		selector : "ul.classify-ul",
		// 点击后,返回一个回调函数
		callback: function (rtn) {
			console.log(rtn);
			// 数组转为字符串
			// var str = rtn.join("&");
			// console.log(str);
		}
	});
</script>
参数说明(使用属性默认值时,可以缺省该属性)
序号 属性名 默认值 说明
1 selector jQuery选择器,指定到ul即可
2 isInit false 是否初始化就自动调用回调函数
3 callback 返回一个数组形式,包含了分类的id和对应的类型的值。分类和对应的值中间有等号 ["leixing=", "fengge=6"]