Activer/désactiver le style de survol lors de l'exécution?

Question

Dans mon css j'ai ceci:

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

sous une condition que je voudrais désactiver planer le style des articles li, quelque chose comme:

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

et réactiver plus tard:

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

est quelque chose comme ça possible? Je ne sais pas comment « activer » ou « désactiver » les règles de style en vol stationnaire à l'exécution,

Merci

Answer 1

Certainement la meilleure façon de le faire est d'ajouter une classe à vos <li> éléments:

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

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

Sinon, vous entrez dans un territoire très difficile avec la manipulation des règles CSS - it's no easy task.