在運行時啓用/禁用懸停樣式？

Question

在我的CSS我有這樣的：

#panel li:hover { 
    background-color: #ffa; 
} 

一定條件下，我想停用從立項目懸停風格，一樣的東西：

function start() { 
    $('#panel li').ignoreHoverRules(); 
} 

後來又重新啓用它：

function end() { 
    $('#panel li').reenableHoverRules(); 
} 

是這樣的可能嗎？不知道如何「啓用」或「禁用」懸停樣式規則在運行時，

感謝

Answer 1

當然要做到這一點最簡單的方法是一類添加到您的<li>元素：

#panel li.allowHover:hover { 
    background-color: #ffa; 
} 

function start() { 
    $('#panel li').removeClass("allowHover"); 
} 
function end() { 
    $('#panel li').addClass("allowHover"); 
} 

否則，您將陷入非常尷尬的境地，操縱CSS規則 - it's no easy task。