jQuery手机版下拉菜单

所属分类:导航-其他导航

 46856  412  查看评论 (16)
分享到微信朋友圈
X
jQuery手机版下拉菜单 ie兼容10

2017-1-11更新:(修复点击切换出现的文字覆盖bug)感谢Hades提供的解决方案

类似大众点评下拉菜单,需在手机模式下查看效果

相关插件-其他导航

纯CSS3扇形导航

纯CSS3打造动感漂亮的扇形菜单
  其他导航
 43284  556

CSS3侧边响应卡片式导航

CSS3侧边响应卡片式导航
  其他导航
 41607  521

路径菜单path-menu

巨牛逼的用css3完成的导航!
  其他导航
 40702  405

流程图工具

简单易用的流程图设计工具
  其他导航
 60427  564

讨论这个项目(16)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    莫等闲 0
    2019/6/9 22:07:02
    生活不易 0
    2019/2/16 16:16:21
    点击没有出现二级菜单 回复
    198x 0
    2018/2/23 20:25:07
    大神,还有个问题:字后面的箭头怎么在点击的时候向上? 回复
    R 。 0
    2017/10/10 9:54:20
    宁金良 0
    2017/8/6 19:08:59

    大神,求完整版啊

    回复
    wggkhnuvjd 1
    2017/7/8 16:20:39

    还有一个bug,就是在重新打开的时候,二级菜单会叠加显示

    if (lilength > 0) {
        $(this).siblings(".select_textul").find("li.focus").siblings("li").find(".select_second_ul").hide();
        // $(this).siblings(".select_textul").find("li.focus>.select_second_ul").show(); 
    } else {
        $(".select_first_ul>li>p").css("width", "100%");
    }

    这个样子就可以了

    回复
    嗯#*…… 0
    2017/2/28 16:51:24
    谢谢分享  非常感谢 回复
    Hades 0
    2017/1/11 10:01:24

    感谢分享,思路很清晰,帮你纠正了一下

    回复
    Hades 3
    2017/1/11 10:01:51
    $(".select_textdiv").click(function(){
    $(this).parent().parent().siblings().find(".select_textul").hide();//加上这句代码就好了
    $(".select_textdiv").removeClass("divfocus");
        Hades1
        2017/1/11 10:01:44
        $(this).parent().parent().siblings().find(".select_textul").hide();//隐藏其他选项
    回复
    A召兼zhi 0
    2017/1/3 14:01:51
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复