11

このルールを使用してホバー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?
            }
        }
    );
4

1 に答える 1

20

あなたがする必要があるのはあなたの:hoverルールにいくつかの制限を課し、そしてあなたのJavaScriptにそれがもはや適用されないように要素を変更させることです。このようなもの：

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

そして、JavaScriptはこれを行います：

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

削除することはできません:hoverが、has-hoverクラスを削除することはできます。ルールには両方が必要なため、.has-hover:hoverルールが適用されなくなります。

于 2012-10-05T14:04:04.233 に答える