• 华媒:全球移民定居最昂贵城市榜单发布 迪拜居首 2019-05-23
  • 孕妇也要喝奶粉?孕妇奶粉该不该喝要因人而异 2019-05-23
  • 白菜-热门标签-华商生活 2019-05-07
  • 重庆高校陆续公布招生计划、专业设置情况和新政策 2019-05-07
  • 朔州:心系贫困山区 情暖留守儿童 2019-04-26
  • 全面落实新时代党的建设总要求br以新作为开创机关党建工作新局面 2019-04-18
  • 不必违心说话,无必呢!语文是本人所有学科中最弱项,但对于你来说还是有可以学习之处的。呵呵! 2019-04-07
  • 朔州:为母亲河清淤化污 重还塞上绿洲美丽 2019-04-02
  • 【家国网聚·网络旺年】海外劲吹中国风 中国年味正全球飘香 2019-03-31
  • 脱贫攻坚正当全省“大合唱”时 2019-03-31
  • 牵手中东,日照谱写“开放活市”新篇章 2019-03-29
  • 巢湖市“文艺轻骑兵”走进市直机关幼儿园 2019-03-29
  • 立秋日 滇池上空出现七彩云霞 2019-03-26
  • 病人就医不便 护士上门服务 2019-03-26
  • 人民日报人民时评:对环境问题要“一盯到底” 2019-03-20
  • 高手联盟心水论坛4381:基于swiper模拟移动端下拉框

    致富心水论坛 www.7z1h.net 所属分类:输入-选择框

     6612  37  查看评论 (6)
    分享到微信朋友圈
    X
    基于swiper模拟移动端下拉框 ie兼容12

    使用方法

    1.引入对应css,js文件

    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="swiper/css/swiper.min.css">
    <script src="//www.7z1h.net/jquery/jquery-1.10.2.js"></script>
    <script src="swiper/js/swiper.min.js"></script>
    <script src="js/dySelect.js"></script>

    2.在html中创建块级标签,类名为:select_box,如:

    <div ></div>

    3.在html中创建激活下拉框元素,如:

    <button >打开下拉1</button>

    4.实例化对象

    var hgS1 = new selectSwiper({
           el:'.select_box1',
           // mustSelect:true, // 是否必选,默认false
           // activeIndex: 0,//默认激活项下标,默认值:-1
           data: ['吃饭', '睡觉', '打豆豆'],//选项数据
           init:function(index){//插件加载完成执行
               if(index !== -1){
                   $('.btn1').html(this.data[index]);
               }
           },
           okFunUndefind: function () {//选择空执行
               alert('必须选择一项');
               return false;
           },
           okFun: function (index) {//确认按钮执行
               console.log(index);
               $('.btn1').html(this.data[index]);
           },
           closeFun: function () {//取消按钮执行
               console.log('取消');
           },
    });
    $('.btn1').on('click', function () {//对激活选择框绑定事件
           hgS1.openSelectSwiper(); // 打开选择框
    });
    相关插件-选择框

    移动端城市选择

    手机移动端城市选择
      选择框
     31955  196

    jQuery联动下拉菜单

    一款简单实用的联动下拉菜单,第一的条件未选择的情况下无法选择第二个,以此类推
      选择框
     16690  59

    仿招聘网站选择地区、选择行业、选择职位效果

    仿招聘网站选择地区、选择行业、选择职位效果
      选择框
     33457  126

    手机端省市县三级联动

    jQuery手机端省市县联动
      选择框
     9872  59

    讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币

      扭扣 0
      2019/1/1 19:50:37
      赵不悔 0
      2018/12/14 10:54:13
      挺好,可惜兼容性咳咳
          ╊来自秋天的彤话の0
          2018/12/17 10:43:30
          因为这个UI界面是根据手机来设计的 , 就没有去兼容IE 了 。
          gzh19980
          2019/1/9 16:05:02
          手机要什么兼容性
      回复
      右边?13?13??1o? 0
      2018/12/12 11:08:37
      选中之后怎么往后台传值啊 传0 1 2 3....
          ╊来自秋天的彤话の0
          2018/12/17 10:42:59
          这个只能单选哦。
      回复
    取消回复
      短信接口
  • 华媒:全球移民定居最昂贵城市榜单发布 迪拜居首 2019-05-23
  • 孕妇也要喝奶粉?孕妇奶粉该不该喝要因人而异 2019-05-23
  • 白菜-热门标签-华商生活 2019-05-07
  • 重庆高校陆续公布招生计划、专业设置情况和新政策 2019-05-07
  • 朔州:心系贫困山区 情暖留守儿童 2019-04-26
  • 全面落实新时代党的建设总要求br以新作为开创机关党建工作新局面 2019-04-18
  • 不必违心说话,无必呢!语文是本人所有学科中最弱项,但对于你来说还是有可以学习之处的。呵呵! 2019-04-07
  • 朔州:为母亲河清淤化污 重还塞上绿洲美丽 2019-04-02
  • 【家国网聚·网络旺年】海外劲吹中国风 中国年味正全球飘香 2019-03-31
  • 脱贫攻坚正当全省“大合唱”时 2019-03-31
  • 牵手中东,日照谱写“开放活市”新篇章 2019-03-29
  • 巢湖市“文艺轻骑兵”走进市直机关幼儿园 2019-03-29
  • 立秋日 滇池上空出现七彩云霞 2019-03-26
  • 病人就医不便 护士上门服务 2019-03-26
  • 人民日报人民时评:对环境问题要“一盯到底” 2019-03-20
  • 134jk开奖现场手机报码 体育彩票36选7 pk10刷流水套利论坛 福彩3d图谜总汇 3d网易彩票 重庆时时彩龙综合走势图 韩国快乐8官网下载 河北快三走势图 双色球走势图带连线带坐标 排列三近十期试机号 新浪竞彩足球比分直扩播 35选7 12103期足彩任选9场 香港马会开奖 排列5历史开奖数据 河北时时彩开奖结果走势图