首頁 > web前端 > js教程 > 主體

jQuery中關於​​hover和點擊事件之間的衝突詳解(圖)

黄舟
發布: 2017-07-22 14:59:51
原創
3481 人瀏覽過

 筆記慢慢的才發現已經寫了好多,今天刷網頁才想起來是不是應該發到自己Blog裡面跟大家分享一下雖然不是什麼大牛,但還是有一些小小的心得~希望跟大家分享,見笑了!

#我們有個li 現在需要一個點擊發生變更和另一個仍然可以進行hover 

商品點選後會變色,然後商家仍可進行hover。

不可取的方法為:

(1)  JQ添加點擊事件改變其css( ) 這種方法不可用,因為透過javascript修改background-color會覆蓋在css中定義的所有background-color屬性,當然也包含hover下的background- color屬性,所以這樣寫當一次點擊事件後,hover事件就會失效。

(2)  如果JQ使用addClass( )方法,會牽扯到優先問題。

(3)  在js裡面用JQ的hover( ),這樣還是不行的。

可取方法為:

#(1)  可預先寫好兩個CSS樣式表,和一個hover樣式

#然後JS寫,這次我們用JQ裡面的attr( )直接讓兩個li的類別名稱改變,這兩就不會牽扯到其他一系列的問題了。

(2)  也可以在CSS的hover裡面加上 !important; 如:

################# #  :hover{ color: #FF6C00 !important;}################

以上是jQuery中關於​​hover和點擊事件之間的衝突詳解(圖)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板