-1

こんにちは、このホバーに関数 setTimout を実装したいと思います。 http://jsfiddle.net/u3pW8/33/

    $(function() {
    $("#moving .wrapper").mousemove(function (e) {
        var parentOffset = $(this).parent().offset(); 
        var relX = e.pageX - parentOffset.left;
        $(this).children(".hidden-content").css("left", relX);
    });

    $("#static .wrapper").hover(function (e) {
        var parentOffset = $(this).parent().offset(); 
        var relX = e.pageX - parentOffset.left;
        $(this).children(".hidden-content").css("left", relX);
    });
});

マウスを動かすたびに座標が再評価されるため、パラメーターに問題があると思います

4

2 に答える 2

0

タイムアウトを設定しonmouseenter、非表示のコンテンツを実際に表示して配置するコードを別の関数に配置する必要があります。

(function () {
    var delay = 400,
        timeout;

    function showChild(posLeft) {
        $(this).children(".hidden-content").css('left', posLeft).show();
    }

    $("#static .wrapper").mouseenter(function (e) {
        var that = this,    
            event = e;

        if (timeout) {
            clearTimeout(timeout);
        }
        timout = setTimeout(function () {
            var parentOffset = $(that).parent().offset(); 
            var relX = event.pageX - parentOffset.left;
            showChild.call(that, relX);
        }, delay);
    }).mouseleave(function () {
        if (timeout) {
            clearTimeout(timeout);
        }
        $(this).children(".hidden-content").hide();
    });
}());

フィドル

于 2013-08-22T11:05:05.657 に答える