jQuery用unbind方法去掉hover事件及其他方法介紹

標籤：style   blog   color   使用   strong   問題   代碼   div   

近日項目開發十分的繁忙，其中一個需求是實現響應式導航。（響應式的問題我們在css相關的部落格中再交流）

大家都知道導航是需要下來菜單效果的，必然就會用到 jQuery的 hover() 方法。若是導航放在ipad中，自然hover()就沒有什麼意義了。那該如何取消hover()並添加touch事件呢？

今天遇到jquery需要去掉hover的問題，原以為直接unbind(“hover”)就可以搞定，可是搞了半天都報錯。

原因其實很簡單，hover並不是事件。開啟參考手冊，hover其實由 mouseenter和mouseleave構成的。這樣問題就很明了！

/* 這種方法是錯誤的 */$(#hover_div).unbind("hover");/* 這種方法也是錯誤的 */$(#hover_div).unbind("mouseover").unbind("mouseout");/* 這種方法是新增的，在老的版本裡是無法使用的 */$(#hover_div).unbind("mouseenter mouseleave");/* 這種方法正確的，新老版本皆可用 */$(#hover_div).unbind("mouseenter").unbind("mouseleave"); 

上面的代碼建議使用第四種，相對安全些。（自己也沒測試具體哪些版本支援第三種方法）若是覺得不爽，自己剛download了新版的jQuery，就用第三種吧！

 

不管怎樣，問題已解決，接著寫代碼吧！勤勞的碼農。