位置: 编程技术 - 正文

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)

  • 工程预付款的支付要求
  • 增值税分录及账务处理如何做?
  • 软件服务费280抵扣申报
  • 销售净水器营业执照范围
  • 带息负债融资成本
  • 小规模普票专票税率一样吗
  • 公司注册资金实缴有什么好处
  • 对公账户的理财收入计入什么科目
  • 接受捐赠的增值税计入利润总额吗
  • 企业设备融资是什么意思?
  • 刷信用卡的手续费去哪了
  • 借款合同的印花税税率
  • 持有至到期投资改名为
  • 工伤保险可以税后支付吗
  • 印花税购销合同和买卖合同有什么区别
  • 劳务派遣专用发票超过9万怎么办理
  • 油罐车运输费用怎么算
  • 特许权使用费收入确认分录
  • 餐听发票可以开专用发票吗?
  • 汇总纳税申报期
  • 固定资产加速折旧最新政策2023
  • 无偿接收股权
  • 一般空调安装费多少钱
  • 政府补贴收入账户是什么
  • 电子发票财务怎么操作
  • 电池消费税征税范围
  • 递延资产主要包括哪些
  • 理财公司收到客户投资款怎么处理
  • 计算机系统结构第三版课后答案
  • 已入账未抵扣的发票开红字发票
  • 股东分担债务
  • php进程数量怎么决定
  • 圣克鲁斯河特点
  • 交易性金融资产的账务处理
  • KITTI数据集可视化(二):点云多种视图与标注展示的可视化代码解析
  • 企业所得税季度申报数据怎么来
  • 机关事业单位体检费用标准规定
  • 预收账款和应收账款的账务处理
  • php用img显示图片
  • 存货捐赠视同销售的会计分录怎么做?
  • 债务重组收入属于什么科目
  • web cms漏洞
  • SQL Server 2008 Express如何开启远程访问
  • 税控盘维护费每年都要交吗
  • 劳务派遣的开票税点是多少
  • 企业固定资产如何查询
  • 预缴增值税附加税需要计提吗
  • 定期定额征收和核定征收的哪种税率高
  • 原材料报废卖掉会计分录
  • 结转的制造费用
  • 补提当年折旧会计分录
  • 租金收入如何分红给股东
  • 建筑业分项目核算会计账务处理
  • 补开以前年度发票
  • 酒店会计的账务处理
  • win7提示oxcooooo98
  • win7补丁部分更新没有安装
  • windows系统同时按下CTRL+ALT+DEL键没有弹出任务管理器的解决方法
  • linux操作系统常用操作命令
  • win10连无线网络受限
  • centos6.5桌面版安装教程
  • win10双击应用程序没反应
  • 电脑预装软件是什么意思
  • win10系统网络连接配置异常
  • dmg是啥文件
  • linux虚拟空间
  • unity画面效果润色
  • [置顶]公主大人接下来是拷问时间31
  • shell监控进程
  • u盘通过什么读写数据
  • vue scoped属性作用?实现原理
  • nodejs test
  • node.js的安装步骤
  • unity3d怎么让物体依次运动
  • 2021税务公告
  • 江西省税务局发票查询系统
  • 360浏览器hi真不巧
  • 南京国民政府统治和开辟革命新道路
  • 国税手撕发票图片
  • 葫芦岛市税务局电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设