jquery - 删除 css 悬停样式

Question

我标记了使用此规则切换悬停 CSS 样式的标记。当面板内有一个复选框时，我想删除背景图像样式。这可能吗？尽管失败了，但我尝试了以下方法。

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

您需要做的是对您的 :hover 规则施加一些限制，并让您的 JavaScript 更改元素以使其不再适用。像这样:

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

然后您的 JavaScript 执行此操作:

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

你不能删除 :hover 但你可以删除 has-hover 类，因为规则需要两者，这将阻止 。 has-hover:hover 规则被应用。