entfernen von css-hover-Stil
Habe ich mark-up schaltet die hover-css mit dieser Regel. Wenn es ein Kontrollkästchen in der Seitenleiste will ich entfernen Sie die hintergrund-Bild-Stil. Ist das möglich? Ich habe versucht, die folgenden, obwohl es scheitert.
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?
}
}
);
:hover
ist eine pseudo-Klasse, nicht eine echte Klasse, die JavaScript entfernen können.- Können Sie Ihre HTML bitte oder besser ein jsFiddle
- ich habe versucht, fiddle, aber die wirklich komplizierten Kennzeichnen, so dass Ihr ziemlich schwer, nichts zu posten, was sinnvoll ist.
- im Versuch :schweben, obwohl man keine Freude. nur sehen, was es.
- ist es möglich, über ein firefox-plugin, um zu sehen, welche styles verwendet werden, wenn Sie auf schweben? Ich bin mit firebug aber nicht ganz zeigen, was ich brauche.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Was Sie tun müssen, ist, setzen einige Beschränkung auf Ihre
:hover
Regel, und haben Sie Ihre JavaScript-ändern Sie das element, so dass es nicht mehr gilt. So etwas wie dieses:Und dann dein JavaScript funktioniert diese:
Können Sie nicht entfernen Sie die
:hover
aber Sie können entfernen Sie diehas-hover
Klasse, und da die Regel erfordert, wird dies verhindern, dass die.has-hover:hover
Regel angewendet wird.