我的目標是,如果當它懸停時,並且單元格已處於活動狀態,懸停將爲黑色(用於停用),如果它仍然處於非活動狀態(用於激活),則爲橙色。懸停在jQuery和CSS上
但是用我的代碼,每次我將它懸停在td上時,顏色都不會返回到之前的背景顏色。 (即使老鼠離開仍然是橙色或黑色)我應該使用什麼事件?
$("td").hover(function(){
var cell = $(this).html();
if(cell == "")
$(this).css("background-color", "orange");
else
$(this).css("background-color", "black");
});
我認爲問題是與條件單元格==「」。最好檢查.length來查看是否有東西,因爲如果它爲空,檢查==「」將不起作用。另外,嘗試使用.mouseover()而不是.hover() – frenchie
任何不使用':hover'的理由忘記JS? – Mooseman
懸停方法使用mouseleave事件使用mouseenter事件,該函數需要2個參數,in(鼠標輸入)和out(鼠標離開)。 您應該在每個事件中更改元素的狀態。 – Loenix