2014-03-06 250 views
0

所以我今天遇到了這個問題。 我已經設置了幾個div,帶有背景顏色(我們稱之爲'color#1'),通過一個類名稱,通過類名,讓我們說'.color',然後,我已經做了每個div將其背景顏色更改爲特定的顏色('顏色#2'),懸停時,也通過css。jQuery背景顏色改變,懸停背景顏色不起作用

問題是: 我做了一個jquery腳本,我想將通用backgroundcolor('color#1')更改爲另一個(color#3),並且工作正常,但現在懸停功能已啓用壞了,因爲div在懸停時不會變成顏色#2。 任何人有任何想法爲什麼? css文件和jquery之間是否有任何不兼容? 我沒有這個例子,但如果你能提供一個解決方案,那會很棒。

+0

證明它在撥弄或在這裏發表您的代碼。 –

回答

0

你可以使用jquery hover()來擺脫這個問題。

<div id="test">test</div> 
<input type="button" id="btn" value="changecolor"/> 


$("#btn").click(function(){ 
    $("#test").css("background-color","red"); 
}); 
$("#test").hover(function(){ 
    $("#test").css("background-color","yellow"); 
}); 

DEMO

+0

這很好,謝謝,但事情是我不想把我的js文件夾在10行代碼中,只是爲了試圖改變所有div的一個背景顏色公社。我只想讓我的jquery .css命令不要覆蓋CSS腳本中的懸停。如果我沒有解決這個問題,你可能是唯一的解決方案:S – Justplayit94

+0

但爲什麼jQuery的行爲,我不能設置優先級? – Justplayit94

+0

優先?我不知道確切的行爲..請勾選答案,如果這有助於你 –