jquery.filter.js 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. //$(function() {
  2. var configDown = function(){
  3. /**筛选**/
  4. /*进入筛选*/
  5. // $("#headerFiltrate").click(function() {
  6. // $("#header").hide();
  7. // $("#filtratePage").show();
  8. // });
  9. /*选择分类*/
  10. var classifyHeight, classifyListHeight, classify = $(".filtrate-classify-list li.active>a").html();
  11. $(".filtrate-classify-list li a").click(function() {
  12. $(".filtrate-classify-list li").removeClass("active"); //取消其他分类的选中状态
  13. $(this).parent("li").addClass("active"); //给被点击分类标记选中状态
  14. $(this).next("ul").find("ul").hide(); //关闭被点击分类的孙分类
  15. $(this).parent("li").siblings("li").children("ul").hide(); //关闭父分类其他同等级类的子分类
  16. $(this).next("ul").show(); //显示被点击分类的子分类
  17. classify = $(this).html(); //获取被选中的分类值
  18. classifyHeight = parseInt($(".filtrate-classify").css("height")); //获取分类盒子的高度
  19. classifyListHeight = parseInt($(".filtrate-classify-list").css("height"));//获取分类列表的高度
  20. if (classifyHeight != classifyListHeight) { //盒子高度与列表高度不同
  21. $("#classify").addClass("show");
  22. $("#classify a span").html("收起"); //显示为可收起
  23. $(".filtrate-classify").animate({height: classifyListHeight}); //展开或收起盒子
  24. }
  25. });
  26. /*收起&展开分类*/
  27. $("#classify a").click(function() {
  28. var classifyState = $(this).find("span").html();
  29. classifyHeight = parseInt($(".filtrate-classify").css("height")); //获取分类盒子的高度
  30. classifyListHeight = parseInt($(".filtrate-classify-list").css("height"));//获取分类列表的高度
  31. if (classifyState != "收起" && classifyHeight != classifyListHeight) {//展开分类
  32. $("#classify").addClass("show");
  33. $("#classify a span").html("收起");
  34. $(".filtrate-classify").animate({height: classifyListHeight});
  35. } else if (classifyState == "收起") {//收起分类
  36. $("#classify").removeClass("show");
  37. if (classify != "") {//已选分类
  38. $("#classify a span").html(classify);
  39. } else {//未选分类
  40. $("#classify a span").html("展开");
  41. }
  42. $(".filtrate-classify").animate({height: 0});
  43. }
  44. });
  45. /*选择收货地*/
  46. var address = "";
  47. $(".filtrate-address li a").click(function() {
  48. var addressLi = $(this).parent("li");
  49. var addressState = addressLi.hasClass("active");
  50. if (addressState == true) {
  51. addressLi.removeClass("active");
  52. address = "";
  53. } else {
  54. addressLi.addClass("active").siblings("li").removeClass("active");
  55. address = $(this).html();
  56. }
  57. });
  58. /*收起&展开收货地区*/
  59. $("#address a").click(function() {
  60. var categoryState = $(this).find("span").html();
  61. var addressHeight = $(".filtrate-address ul").css("height") == '0px' ? '200px' : '0px';
  62. if (categoryState != "收起") {//展开收货地区
  63. $("#address").addClass("show");
  64. $("#address a span").html("收起");
  65. $(".filtrate-address").animate({height: addressHeight});
  66. } else {//收起收货地区
  67. $("#address").removeClass("show");
  68. if (address == "") {//未选收货地
  69. address = "全部";
  70. }
  71. $("#address a span").html(address);
  72. $(".filtrate-address").animate({height: 0});
  73. }
  74. });
  75. /*选择其他条件*/
  76. $(".filtrate-other li label").click(function() {
  77. var otherLi = $(this).parent("li");
  78. var conditionState = otherLi.hasClass("active");
  79. if (conditionState == true) {
  80. otherLi.removeClass("active");
  81. } else {
  82. otherLi.addClass("active");
  83. }
  84. });
  85. /*清空筛选条件*/
  86. $(".filtrate-reset").click(function() {
  87. /*清空分类*/
  88. $("#classify").removeClass("show");
  89. $("#classify a span").html("展开");
  90. classify = $(".filtrate-classify-list li.active>a").html();
  91. $(".filtrate-classify-list li").removeClass("active");
  92. $(".filtrate-classify-list>li").addClass("active");
  93. $(".filtrate-classify-list li ul li ul").hide();
  94. /*收起分类*/
  95. classifyHeight = parseInt($(".filtrate-classify").css("height"));
  96. if (classifyHeight > 0) {
  97. $(".filtrate-classify").animate({height: 0});
  98. }
  99. /*清空价格*/
  100. $("#minPrice, #maxPrice").val("");
  101. /*清空收货地*/
  102. $("#address").removeClass("show");
  103. $("#address a span").html("展开");
  104. address = "";
  105. /*收起收货地*/
  106. var addressBoxHeight = parseInt($(".filtrate-address ul").css("height"));
  107. if (addressBoxHeight > 0) {
  108. $(".filtrate-address").animate({height: 0});
  109. }
  110. /*清空已选收货地*/
  111. $(".filtrate-address ul li").removeClass("active");
  112. /*清空其他选项*/
  113. $(".filtrate-other ul li").removeClass("active");
  114. });
  115. /*从筛选返回主体页面*/
  116. $("#filtrateBackContains, .filtrate-submit").click(function() {
  117. $("#header").show();
  118. $("#filtratePage").hide();
  119. });
  120. }
  121. //});