hover和點擊事件之間的沖突


 筆記慢慢的才發現已經寫了好多,今天刷網頁才想起來是不是應該發到自己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;}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM