首先要对中文日文做筛选
然后在筛选 男女声优
之后给他们分别加上分页
中文>分页 ,日文>分页
中文男>分页 日文男>分页
中文女>分页 日文女>分页
通过在后台动态添加数据 现在得知分类的方法求给他们加上分页
js
$(".V_change_btn a").each(function () {
$(this).click(function () {
var zu1 = $(this).text();
$(this).addClass("on").siblings().removeClass("on");
$(".choose_menus dl a").removeClass("on");
if (zu1 == "中文组") {
var zu = $(this).text();
var bb = document.getElementById('ContentPlaceHolder1_Shai').value = zu;
$.ajax({
type: "POST",
url: "/shengyou.ashx",
data: { bb: bb },
success: function (data) {
$(".voice_cont .voice_ul").html(data);
}
});
$(".choose_menus dl a").each(function () {
$(this).click(function () {
$(this).addClass("on").siblings().removeClass("on");
var sex = $(this).text();
$.ajax({
type: "POST",
url: "/shengyou.ashx",
data: { sex: sex, bb: bb },
success: function (data) {
$(".voice_cont .voice_ul").html(data);
}
});
});
});
} else if (zu1 == "日文组") {
var zu = $(this).text();
var bb = document.getElementById('ContentPlaceHolder1_Shai').value = zu;
$.ajax({
type: "POST",
url: "/shengyou.ashx",
data: { bb: bb },
success: function (data) {
$(".voice_cont .voice_ul").html(data);
}
});
}
});
});
前端
<div class="voice_sy">
<div class="V_change_title">声优<span>Akira<i></i></span></div>
<div class="V_change_btn">
<a href="javascript:void(0)" class="guo on" id="a1">日文组</a>
<a href="javascript:void(0)" class="guo" id="a2">中文组</a>
</div>
<div class="choose_menus">
<em class="tt">筛选</em>
<dl><a class="a1" onclick="aaa();"><img src="images/male_icon.png" alt="" />男性角色</a><a class="a2" onclick="bbb();"><img src="images/female_icon.png" alt="" />女性角色</a></dl>
</div>
一般处理程序通过判断传值是否为空来添加标签
比如 接收到 中文 但sex为空 则只添加中文有关内容信息 求如何用ajax分别添加上分页