背景 接到了領(lǐng)導(dǎo)給的一個(gè)New Feature，為系統(tǒng)的菜單導(dǎo)航欄進(jìn)行一些個(gè)性化的操作(鼠標(biāo)移到導(dǎo)航菜單時(shí)下方出現(xiàn)子菜單，移到其他的菜單選項(xiàng)時(shí)顯示該選項(xiàng)的子菜單，隱藏其他子菜單。其次就是當(dāng)使用鼠標(biāo)點(diǎn)擊一個(gè)菜單選項(xiàng)時(shí)就把該菜單及其子菜單固定，當(dāng)鼠標(biāo)移出所

背景

接到了領(lǐng)導(dǎo)給的一個(gè)New Feature，為系統(tǒng)的菜單導(dǎo)航欄進(jìn)行一些個(gè)性化的操作(鼠標(biāo)移到導(dǎo)航菜單時(shí)下方出現(xiàn)子菜單，移到其他的菜單選項(xiàng)時(shí)顯示該選項(xiàng)的子菜單，隱藏其他子菜單。其次就是當(dāng)使用鼠標(biāo)點(diǎn)擊一個(gè)菜單選項(xiàng)時(shí)就把該菜單及其子菜單固定，當(dāng)鼠標(biāo)移出所有菜單選項(xiàng)的范圍是依然讓其顯示子菜單，再次點(diǎn)擊取消固定)。

原來的導(dǎo)航欄是使用ASP.NET Ajax的 HoverMenuExtender服務(wù)端控件實(shí)現(xiàn)的。我們知道，服務(wù)端控件的優(yōu)點(diǎn)在于快速開發(fā)，香港空間，香港虛擬主機(jī)，但是缺點(diǎn)是不能夠進(jìn)行個(gè)性化定制，且效率也是一個(gè)問題。最開始本來計(jì)劃在原有基礎(chǔ)上修改，但是發(fā)現(xiàn)該控件無法滿足我們的個(gè)性化需求，網(wǎng)站空間，所有決定使用jQuery來實(shí)現(xiàn)，并停止使用該控件。這樣的好處是不需要修改后臺(tái)的代碼，只需要在前端增加JS腳本就可以了。導(dǎo)航欄是在母版頁中實(shí)現(xiàn)的，所以我使用的方案是在頁面HTML生成后，在前臺(tái)使用jQuery動(dòng)態(tài)綁定jQuery提供的mouseenter和mouseleave事件。

我們知道通過jQuery綁定事件的方式有很多種(one、tigger、on、delegate、live、bind等以及其對應(yīng)的卸載事件方法)，常用的有下面三種，其他的不外乎是它們的擴(kuò)展和衍生，如下：

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

總結(jié)

以上是生活随笔為你收集整理的updatepanel失效怎么办_【点滴积累】解决jQuery绑定事件在updatepanel更新后失效的方法...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。