//根据条件输出列表内容 var filtrateFun = { addFiltrateList : function(big,middle,small){ //筛选列表输出函数 var l = arguments.length, x = "",sList = "",sLi = "",sDt = "",curVal = ""; if(l == 0){//筛选二级列表输出 var j = proF.pClass; if(proF.clickVal.class[0]){ curVal = proF.clickVal.class[0]; }else if(proF.getback.class[0]){ curVal = proF.getback.class[0]; } for(x in j){ var url = j[x]['url'] ? j[x]['url'] : ""; var id = j[x]["id"],name = j[x]["name"]; var cur = curVal == id ? "cur" : ""; var target = j[x]['url_yemian'],durl = j[x]['define_url']; if(x == "all"){ sDt += '
  • '+name+'
  • '; }else if(id != undefined){ sLi += '
  • '+name+'
  • '; } } sList = '
    '; return sList; } if(l == 1){ //筛选三级列表输出 var j = proF.pClass[big]["sub"]; if(proF.clickVal.class[1]){ curVal = proF.clickVal.class[1]; }else if(proF.getback.class[1]){ curVal = proF.getback.class[1]; }else{ curVal = "all"; } if(typeof(j) == "object"){ for(x in j){ var url = j[x]['url'] ? j[x]['url'] : ""; var id = j[x]["id"], name = j[x]["name"]; var cur = id == curVal ? "cur" : ""; var target = j[x]['url_yemian']; if(x != "all"){ sLi += '
  • '+name+'
  • '; }else{ sDt = '
    '+name+'
    '; } } sList = '
    '+sDt+'
    '; return sList; } } }, addOrderList : function() { var x = "",sList = "",sLi = "",sDt = "",curVal = "", curOrder=""; curOrder = proF.getback.class[2]; var method = ['all', 'zan', 'read', 'reply', 'time']; curVal = method[curOrder]; var j = proF.pSort; for(x in j){ var url = j[x]['url'] ? j[x]['url'] : ""; var id = j[x]["id"],name = j[x]["name"]; var target = j[x]['url_yemian'],durl = j[x]['define_url']; var cur = curVal == id ? "cur" : ""; if(x == "all"){ sDt += '
  • '+name+'
  • '; }else if(id != undefined){ sLi += '
  • '+name+'
  • '; } } sList = '
    '; return sList; }, addIndexList : function() { var x = "",sList = "",sLi = "",sDt = "",curVal = "", curOrder=""; curVal = proF.getback.class[3]; var j = proF.pIndex; for(x in j){ var url = j[x]['url'] ? j[x]['url'] : ""; var id = j[x]["id"],name = j[x]["name"]; var target = j[x]['url_yemian'],durl = j[x]['define_url']; var cur = curVal == id ? "cur" : ""; if(x == "all"){ sDt += '
  • '+name+'
  • '; }else if(id != undefined){ sLi += '
  • '+name+'
  • '; } } sList = '
    '; return sList; } }; $(function(){ //得到dom元素 var filtrateBut = $("#filtrateBut"), wrap = $("#filtrateListWrap"), orderClassify = $("#orderClassify"), indexClassify = $("#indexClassify"), firstClassify = $("#firstClassify"), secondClassify = $("#secondClassify"), thirdClassify = $("#thirdClassify"); //给dom元素绑定事件 filtrateBut.on({ click : function(){ var curBut = $(this),dataId = curBut.data("id"),open = curBut.data("open"); //根据单击添加内容列表 switch(dataId){ case "secondClassify" : if(secondClassify.data("add") != 1){ secondClassify.prepend(filtrateFun.addFiltrateList()); secondClassify.data("add",1); } case "orderClassify" : if(orderClassify.data("add") != 1){ orderClassify.prepend(filtrateFun.addOrderList()); orderClassify.data("add",1); } case "indexClassify" : if(indexClassify.data("add") != 1){ indexClassify.prepend(filtrateFun.addIndexList()); indexClassify.data("add",1); } break; } //判断是否打开 if(open == 1){ curBut.data("open",0).removeClass("open-select"); wrap.animate({height:0},300,function(){ wrap.find("div.filtrate-list").hide(); thirdClassify.animate({left:"100%"},300,function(){ thirdClassify.data("open",0); secondClassify.find("dd").removeClass("open"); }); }); }else{ wrap.find("div.filtrate-list").hide().css({"left":0}); thirdClassify.data("open",0); switch(dataId){ case "sortList" : sortList.show(); break; case "secondClassify" : secondClassify.show(); break; case "orderClassify" : orderClassify.show(); case "indexClassify" : indexClassify.show(); break; } wrap.animate({height:330},300); curBut.data("open",1).addClass("open-select"); curBut.siblings().data("open",0).removeClass("open-select"); } } },"li"); //给二级列表添加单击事件 secondClassify.on({ click : function(){ var cLi = $(this), dataId = cLi.data("id"), dataUrl = cLi.data("url"), dataTarget = cLi.data("target"), curText = cLi.find("strong").text(), dataDurl = cLi.data("durl"); if (proF.pClass[dataId]) { var subJ = proF.pClass[dataId]['sub']; } cLi.addClass("cur").siblings("li").removeClass("cur"); if(proF.clickVal.class[0] != dataId){ if(proF.clickVal.class[0] != undefined){ proF.clickVal.class[1] = 'all'; } proF.clickVal.class[0] = dataId; } if(dataDurl != 1 && typeof(subJ) == "object"){ var dd = secondClassify.find("dd"), t = cLi.index()*cLi.outerHeight(), h = secondClassify.height(), st = dd.scrollTop(); thirdClassify.html(filtrateFun.addFiltrateList(dataId)); if(thirdClassify.data("open") != 1){ thirdClassify.css({"display":"block","left":"100%","top":"0px"}).animate({left:"40%"},300,function(){ thirdClassify.data("open",1); secondClassify.find("dd").addClass("open"); }); } dd.animate({scrollTop:t},300); }else{ if(dataTarget == 2){ window.open(dataUrl); }else if(dataTarget == 1){ window.location = dataUrl; } } } },"li"); //给三级列表添加单击事件 thirdClassify.on({ click : function(){ var cLi = $(this), curText = cLi.find("strong").text(), dataId = cLi.data("id"), dataUrl = cLi.data("url"), bigVar = proF.clickVal.class[0], dataTarget = cLi.data("target"); cLi.addClass("cur"); if(dataId == "all"){ cLi.parents('dl').find("dt").removeClass("cur"); cLi.siblings().removeClass("cur"); dataUrl = proF.pClass[bigVar]['url']; dataTarget = proF.pClass[bigVar]['url_yemian']; }else{ cLi.parent().find("li").removeClass("cur"); } proF.clickVal.class[1] = dataId; if(dataUrl){ if(dataTarget == 2){ window.open(dataUrl); }else if(dataTarget == 1){ window.location = dataUrl; } } } },"li,dt"); orderClassify.on({ click : function() { var oLi = $(this), dataUrl = oLi.data("url"); window.location = dataUrl; } }, "li"); indexClassify.on({ click : function() { var oLi = $(this), dataUrl = oLi.data("url"); window.location = dataUrl; } }, "li"); })