1

ドロップダウン メニューがあり、mouseenter()関数を使用しています。マウスがセレクターの領域に入ると、背景色が黄色に戻ります。しかし、セレクターの領域から離れる場合は、関数を使用せずにセレクターの領域のデフォルトの色を設定したいと考えていmouseleave()ます。

どうすれば修正できますか？

$(document).ready(function(){
    $("#l_ev_men").mouseenter(function(){
        $(this).css("background-color","yellow");
        $(this).css("color","black");
    });

    $("#l_ev_men").mouseleave(function(){ // ı dont want to use this function
    });
});
4

2 に答える 2

5

CSS クラスの追加と削除をお勧めします。

#l_ev_men:hover, #l_ev_men.hover {
     color: black;
     background-color: yellow;    
}

すべてのブラウザーが :hover 疑似セレクターをサポートしているわけではありません。addClass()and を使用できます。これは CSSremoveClass()のセレクターと一致します。#l_ev_men.hover

$("#l_ev_men").hover(
    function in(){ 
         $(this).addClass("hover"); 
    }, 
    function out(){ 
         $(this).removeClass("hover");  
    }
);
于 2013-07-11T15:39:53.003 に答える
3

通常は、 を使用してクラスを変更することをお勧めしtoggleClass()ます。さらに良いことに、:hoverCSS 疑似クラスを使用するだけで、jquery を使用せずにこれほど単純なことを行うことができます。

.hoverable:hover {
    background-color:yellow;
    color:black;
}

それから：

<li class="hoverable <otherstuff>">...</li>...

また

<td class="hoverable <otherstuff>">...</td>...
于 2013-07-11T15:40:30.893 に答える