マウスオーバーとマウスリーブのステータスを確認し、マウスが要素の上にあるか、アウトになっている場合に何らかの機能を実行したいと考えています。私はこのようなことを試みましたが、うまくいきませんでした。
if($('#someid').is(':hover')){ DO STUFF OVER }else{ DO STUFF ELSE }
マウスオーバーとマウスリーブのステータスを確認し、マウスが要素の上にあるか、アウトになっている場合に何らかの機能を実行したいと考えています。私はこのようなことを試みましたが、うまくいきませんでした。
if($('#someid').is(':hover')){ DO STUFF OVER }else{ DO STUFF ELSE }
私はお勧めします:
$('#someid').hover(
function(){
// do stuff when mouseover
},
function(){
// do stuff on mouseout.
});
参照:
これを試して
$('#someid').on('mouseenter', function(e){
// do stuff when mouse is over an elemet
}).on('mouseleave', function(e){
// do stuff when mouse left the elemet
});
jQuery.on()とeventsを参照してください。
これを書く
$('#someid').hover(
function(){
DO STUFF OVER
},
function(){
DO STUFF ELSE
}
);
幸運を
.hover
の省略形である関数を使用できます.mouseenter(handlerIn).mouseleave(handlerOut);
これが例であり、ここにデモンストレーションするフィドルがあります:
$('#a').hover(function(){
$(this).addClass('hover');
},function(){
$(this).removeClass('hover');
});