背景 接到了領導給的一個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更新后失效的方法...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。