背景 接到了领导给的一个New Feature,为系统的菜单导航栏进行一些个性化的操作(鼠标移到导航菜单时下方出现子菜单,移到其他的菜单选项时显示该选项的子菜单,隐藏其他子菜单。其次就是当使用鼠标点击一个菜单选项时就把该菜单及其子菜单固定,当鼠标移出所

背景

接到了领导给的一个New Feature,为系统的菜单导航栏进行一些个性化的操作(鼠标移到导航菜单时下方出现子菜单,移到其他的菜单选项时显示该选项的子菜单,隐藏其他子菜单。其次就是当使用鼠标点击一个菜单选项时就把该菜单及其子菜单固定,当鼠标移出所有菜单选项的范围是依然让其显示子菜单,再次点击取消固定)。

原来的导航栏是使用ASP.NET Ajax的 HoverMenuExtender服务端控件实现的。我们知道,服务端控件的优点在于快速开发,香港空间,香港虚拟主机,但是缺点是不能够进行个性化定制,且效率也是一个问题。最开始本来计划在原有基础上修改,但是发现该控件无法满足我们的个性化需求,网站空间,所有决定使用jQuery来实现,并停止使用该控件。这样的好处是不需要修改后台的代码,只需要在前端增加JS脚本就可以了。导航栏是在母版页中实现的,所以我使用的方案是在页面HTML生成后,在前台使用jQuery动态绑定jQuery提供的mouseenter和mouseleave事件。

我们知道通过jQuery绑定事件的方式有很多种(one、tigger、on、delegate、live、bind等以及其对应的卸载事件方法),常用的有下面三种,其他的不外乎是它们的扩展和衍生,如下:

target.eventType(function(){});target.bind(eventType,function(){});parentTarget.delegate(target, eventType, function(){} );

updatepanel失效怎么办_【点滴积累】解决jQuery绑定事件在updatepanel更新后失效的方法...相关推荐

  1. java 写文件 权限不够_教你解决Linux系统中JAVA创建文件后权限不足的问题

    在作业中,项目使用文件上传. 这个功能很常见. 当Kai Ge今天更改其官方帐户时,他遇到了一个问题,即无法访问下载的文件,也无法通过浏览器访问该文件. 它是怎么发生的? 经过许多问题之后,事实证明这 ...

  2. jQuery绑定事件监听bind和移除事件监听unbind用法实例详解

    这里分别采用后bind(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除,unbind(eventType,Listener), ...

  3. 【JQuery】JQuery绑定事件并传参

    文章目录 问题出现 问题分析 解决方法 结论 纠正一个错误   事情是这样的,因为最近在学习前端的知识,学完了需要巩固下知识,所以在网上找的题来做.遇到这样的题.(包含遇到问题的详细过程,觉得例子无趣 ...

  4. jQuery绑定事件的三种常见方式(bind、one、【change、click、keydown、hover】)

    一.bind(type,[data],fn):为每个匹配元素的特定事件绑定对应的事件处理函数. 也可以同时给一个元素绑定多个事件,我们来看一下例子: <!DOCTYPE html> < ...

  5. Jquery绑定事件(bind和live的区别)[转]

    Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function ...

  6. 【JavaScript】jQuery绑定事件

    jquery中直接绑定事件:只能用在程序中一开始就存在的html代码 目标元素.click(function(){ }) jquery中间接绑定事件: 如果目标元素是js生成的,则需要间接绑定事件,用 ...

  7. 50 jQuery绑定事件 阻止默认事件发生 内置动画 each data

    主要内容 1  阻止后续事件继续执行 return false:  常用于表单提交 event.preventDefault : 阻止默认事件发生 <body> <form acti ...

  8. JQuery 绑定事件

    在日常写代码的时候 不免有绑定代码,对于新手的我,对JQ中事件的绑定做一个大致的区分. jQuery on()方法是官方推荐的绑定事件的一个方法. $(selector).on(event,child ...

  9. 重装系统大师计算机硬件不兼容,电脑重装系统能解决哪些问题?电脑重装系统后常见问题解决方法...

    对于重装系统这件事相信很多用户都不会感到陌生.电脑卡了?系统崩溃了?蓝屏黑屏?重装系统即可解决.那么重装系统可以解决哪些问题呢?重装系统后出现问题应该如何解决呢?下面就让小编为大家带来解答. 电脑重装 ...

最新文章

  1. 天津海尔扫地机器人维修点_女神好帮手!海尔扫地机器人 让生活化繁为简
  2. bash 判断 os 版本_鸿蒙OS手机将至,华为手机用户提问,老款机器能升级吗?
  3. mstar v56几路hdmi_Android TV : Mstar平台 GPIO 调试
  4. 使用Xpath+多进程爬取诗词名句网的史书典籍类所有文章。update~
  5. 【BZOJ4289】Tax,堆优化dijsktra的最短路问题
  6. 怎样运用Oracle的BFILE
  7. PHPThumb处理图片
  8. Exadata的独门武器--卸载(Offloading)
  9. Python之父再度发声:我们能为中国的“996”程序员做什么?
  10. 图像傅里叶变换的MATLAB实现
  11. 计算机中模板与母版的区别,PPT模版与母版的作用和区别,看完才知道这么多年弄混了!...
  12. Nginx同一个域名下代理后端项目跟多个vue项目
  13. vue 的酒店⺠宿⽹站毕业设计源码250910
  14. 国产示波器采用的ADC芯片
  15. 自动化测试面试题及答案,看完后吊打面试官!
  16. 漫画 | “道德沦丧”的程序员 !
  17. 三维旋转(根据转轴和角度)的公式。罗德里格旋转公式
  18. 一起挑战pythontip的题目(13)
  19. 记录一次Spark小问题的求证过程
  20. C++ ,C 筛法求素数

热门文章

  1. java中为按钮添加图片_我们可以在Java接口中为成员定义私有和受保护的修饰符吗?...
  2. 硬核|定时任务的10种实现方案,满足你的不同需求!
  3. Android如何关闭Application
  4. Apache httpd 配置HTTPS SSL访问 443
  5. Nginx-ingress部署及使用
  6. 操作系统学习总结(超赞!!!)
  7. linux 两个mysql_Linux下安装两个MySQL的方法
  8. layui表单的ajax联动,layui的select联动实现代码
  9. python的知识点运用_程序猿在Python编程中不得不使用的十二种基础知识
  10. 商品审核网页界面_Shopee新手指南:Shopee卖家中心用户界面介绍