筆記慢慢的才發現已經寫了好多,今天刷網頁才想起來是不是應該發到自己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中文網其他相關文章!