entfernen CSS Hover-Stil

Question

Ich habe Markup, die den Hover CSS-Stil mit dieser Regel schaltet. Wenn es ein Kontrollkästchen im Panel gibt, möchte ich den Hintergrundbildstil entfernen. Ist das möglich? Ich habe Folgendes versucht, obwohl es fehlschlägt.

CSS:

.StaffMode .day ul li.standard a:hover table { 
     background:url("test.png"); 
    } 

JS:

$("li.test table li").hover(
     function() { 
      if($(this).children(':checked')) { 
       alert('need to remove the background image style'); // shows as expected 
       $(this).children('a').removeClass('hover'); // this doesnt work? 
      } 
     } 
    ); 

Answer 1

Was Sie tun müssen, um etwas Beschränkung auf :hover Regel gesetzt wird, und haben Ihr JavaScript das Element ändern, damit es nicht mehr. Etwas wie folgt aus:

.has-hover:hover 
{ 
    /* do whatever */ 
} 

und dann JavaScript tut dies:

$(this).children('a').removeClass('has-hover'); 

Sie können nicht die :hover entfernen, aber Sie können die has-hover Klasse entfernen, und da die Regel beide erfordert, wird dies verhindern die .has-hover:hover Regel wird angewendet.