0

マウスを1秒ほど動かさなかった後、ページ上のいくつかのものをフェードアウトする次のコードがあります。

idleTime = 0;
var idleInterval = setInterval(function() { 
    idleTime++;
    if (idleTime > 1) {
        var isHovered = $('.fade-outs').is(":hover");
        if(isHovered == false) {
            $('.fade-outs').stop().fadeOut();
        }
    }
}, 1000);
$(document).bind('mousemove mousedown', function(e) {
    idleTime = 0;
    $('.fade-outs').fadeIn();
});

しかし、$('.fade-outs').is(":hover");一部で次のエラーが発生します。

エラー: 構文エラー、認識されない式: ホバー [http://localhost:5545/assets/js/jquery.min.js:3]

このエラーが発生する理由を知っている人はいますか?

4

2 に答える 2

3

代わりに次のようなことを試します。

var idleTimer;

function startTimer() {
    stopTimer();

    idleTimer = setInterval(function() {
        $('.fade-outs').stop().fadeOut();
    }, 1000);
}

function stopTimer() {
    idleTimer && clearInterval(idleTimer);
}

$(document).on('mousemove', startTimer);

$('.fade-outs').on({
    mouseleave: startTimer,
    mouseenter: stopTimer,
    mousemove: function(e) {
        e.stopPropagation();
    }
});​

デモ: http://jsfiddle.net/Blender/urzug/4/

于 2012-09-30T06:07:16.083 に答える
1

これを次のように変更してみてください。

idleTime = 0;
var idleInterval = setInterval(function() { 
idleTime++;
if (idleTime > 1) {
    var isHovered = $('.fade-outs').is(".hover");
    if(isHovered == false) {
        $('.fade-outs').stop().fadeOut();
    }
}
}, 1000);
$(document).bind('mousemove mousedown', function(e){
  idleTime = 0;
  $('.fade-outs').fadeIn();
});
$('.fade-outs').hover(funciton() { $(this).toggleClass('hover') });
于 2012-09-30T05:52:49.307 に答える