filter

功能描述

移动端筛选

快速使用

  1. //    一级分类的滑动使用了Swiper插件，官网有API，这里简单的介绍一下使用了哪些方法：
  2. //    分类滑动与切换
  3. var categorySwiper = new Swiper(".wap-category-nav", { //新建Swiper
  4.     direction: "vertical",
  5.     //纵向滚动
  6.     slidesPerView: "auto",
  7.     //幻灯片视图高度（宽度）自动
  8.     onSlideChangeEnd: function(swiper) { //切换结束后
  9.         var categoryAct = categorySwiper.activeIndex; //获得当前一级分类的索引
  10.         $(".wap-category-sec").eq(categoryAct).show().siblings().hide(); //显示当前一级分类对应的二级分类，隐藏其他的二级分类
  11.     },
  12.     onTap: function(swiper, event) { //点击事件
  13.         var categoryAct = categorySwiper.clickedIndex; //获得被点击的一级分类的索引
  14.         categorySwiper.slideTo(categoryAct, 1000, false); //把被点击的一级分类滚动到顶部
  15.         $(".wap-category-nav ul li").eq(categoryAct).addClass("swiper-slide-active").siblings("li").removeClass("swiper-slide-active");
  16.         $(".wap-category-sec").eq(categoryAct).show().siblings().hide(); //显示当前一级分类对应的二级分类，隐藏其他的二级分类
  17.     }
  18. });

特别说明