位置: 编程技术 - 正文

jQuery插件实现多级联动菜单效果(jquery插件开发方法)

编辑:rootadmin

推荐整理分享jQuery插件实现多级联动菜单效果(jquery插件开发方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:简单的jquery插件实例,jquery插件大全,jquery插件库有哪些,简单的jquery插件实例,jquery设置多个样式,jquery插件大全,简单的jquery插件实例,jquery插件使用教程,内容如对您有帮助,希望把文章链接给更多的朋友!

开发中,有好多地方用到联动菜单,以前每次遇到联动菜单的时候都去重新写,代码重用率很低,前几天又遇到联动菜单的问题,总结了下,发现可以开发一个联动菜单的功能,以后想用的时候就方便多了。项目中每个页面都有引用jQuery,,开发个jQuery联动菜单插件,说动手就动手,下面跟大家分享分享。

我用的jQuery插件方式

其中jQuery传入的是jquery对象,需要在扩展之前引用。在扩展中同样使用jQuery的短格式$。

$.fn是指jquery的命名空间,加在fn上的方法及属性,会对jquery实例每一个有效,看看下面的jquery源码行左右:

比如说后面要开发的$.fn.casmenu(),定义之后,在后面的jquery对象都可以使用该方法。

这里还有一种扩展的方法:

jQuery插件实现多级联动菜单效果(jquery插件开发方法)

这种扩展方法和上面的是有区别的,要是拿类做类比的话,$.extend这种方法相当于类中的静态方法,上面的一种方式相当于非静态方法,必须有对象才可以使用。简单的理解,是下面这样的:

设计思路首先是层级菜单的数据保存方式,看看下面的数据:

对象levels中的直接键值1、2、3代表菜单的层级,没有就不用些,每一项name=>value代表select中option的名称和value。

层级有规律,某一层级中的某一项要是有下一级菜单,在下一层及有该项的名称,就像levels[1]['退出应用']在有下级菜单,就有levels[2]['退出应用'],要是继续有下级菜单,就像levels[2]['退出应用']['应用1'],会在下一层及中继续有levels[3]['应用1']。这样一来,就实现了无限级联动菜单,不同的联动菜单只需要修改菜单配置文件就可以了。

但是这么做又有一个遗憾,就是如果level2[2]中的子项有两个名称相同的,都有下级菜单,而且下级菜单内容还不一样,就会有问题,因此在设置的时候,有下级菜单的项要取不同的名称,这里要注意下。就目前这种来说,简单,好理解,也够用了。

代码实现在代码中也用到了$.extend,用来扩展默认配置。

还有一个点要注意,在联动的时候会将实事的菜单值放入一个属性为hidden的input中,用默认逗号分割每个层级之间的值,可以很轻松的获取到联动菜单所有项的值

运行效果:

标签: jquery插件开发方法

本文链接地址:https://www.jiuchutong.com/biancheng/373873.html 转载请保留说明!

上一篇:基于Jquery实现焦点图淡出淡入效果(jquery焦点)

下一篇:Eclipse引入jquery报错如何解决(Eclipse引入jdk1.8)

  • 个体户开增值税怎么开
  • 受票方与付款方不一致
  • 偷税漏税逃税是什么意思
  • 税务局代个人开发票
  • 原材料不良品的处理流程
  • 发票几个月内可以红冲作废
  • 增值税零申报附加税费情况表没发保存
  • 打包材料的费用会计分录
  • 餐饮个体工商户交税标准
  • 加盖发票专用章的是
  • 商业折扣应交税费
  • 计提社保费计入什么科目
  • 固定资产暂估入账的账务处理
  • 赠品转做商品销售的账务处理如何做?
  • 小规模建筑企业预缴税款
  • 票据追索权向谁追索
  • 增值税税率和征收率有什么区别
  • 增值税专用发票几个点
  • 劳务公司注销了,未出的款怎么走账
  • 税盘忘记清盘了怎么办
  • etc在充值后未索取可以再次索取吗
  • 一般纳税人技术开发税率
  • 购买方已抵扣开具红字信息表销售方怎么处理
  • 企业提取的盈余公积是什么会计科目
  • 公司向个人转账分录
  • 银行电子承兑如何撤回
  • 税控设备 抵减
  • 配电安装施工方案
  • 季节性停工是什么
  • outlook的数据文件
  • 在win7系统中,添加打印机驱动程序
  • 生产企业出口退税计算
  • 发票作废怎么申请退税
  • php教程100
  • 坏账准备的会计科目
  • 持有可转换债券的会计分录
  • 国有控股企业改制
  • 推荐最好用的
  • 帝国cms如何使用
  • 利润表中的管理费用怎么填
  • 结转成本费用
  • 织梦标签理解
  • 织梦系统如何更换网站内容
  • 阿里云安装centos8
  • 小规模纳税人免增值税的账务处理
  • 已抵扣增值税进项税额
  • 环保税的纳税义务人是施工方还是建设方安徽
  • 三表勾稽关系公式
  • 收到小微企业退税怎么做账
  • 固定资产费用化有什么影响
  • 发票入账的管理规定
  • 人工费用计入
  • 小企业会计准则跨年红冲
  • 补缴税款计入什么科目
  • 银行只收不付解除方式
  • 应收账款周转率越高越好吗
  • 人力资源服务费是什么意思
  • 固定资产计提完了怎么处理
  • 暂估出口收入如何计算
  • 本年利润为什么是负数
  • 本月增加的固定资产本月可以进行部门转移
  • 当月结转销售成本分录
  • 会计工作重点工作
  • 预支款怎么做现金账
  • server2012打开sqlserver
  • session入库有什么好处
  • sql server ceiling
  • centos下载命令
  • ubuntu 125%
  • win8无法关机一直转圈
  • dos cat命令
  • Android studio配置环境
  • unity3d应用开发
  • nodejs发送post请求
  • jquery easy ui
  • JQuery datepicker 用法详解
  • jquery设置文本字体样式
  • 编写shell脚本,批量建立用户
  • 一般纳税人开劳务费税率是多少2023
  • 拒绝税务机关检查
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设