1

DOM の異なる部分に表示される 2 つの個別の要素をセットアップしています。直面している問題は、それらが絶対に配置されており、コンテナー div にラップできないことです。

ここで JSfiddle をセットアップしました - http://jsfiddle.net/sA5C7/1/

私がやろうとしているのは、要素を一緒に出し入れすることです-ユーザーがいずれかの要素の間でマウスを移動でき、両方を離れたときにのみマウスを移動できるようにしますか？

どうすればこれを設定できますか? 現時点では、単一の要素から移動すると、その要素の「leaveイベント」が発生するなど.

4

2 に答える 2

4

要素ごとに設定した 2 つのブール変数を使用できます。要素に入ると true になり、離れると false になります。

そして、離れるときに両方が false の場合のみ => 要素を非表示にします。

$(document).ready(function(){
    var bslider = false;
    var btest = false;
    $('#slider').mouseover(function() {
        bslider = true;
        $('#slider, #test').stop(true,false).animate(
                    {'margin-left':'20px'
                    });
    });
    $('#test').mouseover(function() {
        btest = true;
        $('#slider, #test').stop(true,false).animate(
                    {'margin-left':'20px'
                    });
    });
    $('#slider').mouseout(function() {
        bslider = false;
        if(!bslider && !btest)
        {
            $('#slider, #test').stop(true,false).animate(
                    {'margin-left':'0'
                    });
        }
    });
    $('#test').mouseout(function() {
        btest = false;
        if(!bslider && !btest)
        {
            $('#slider, #test').stop(true,false).animate(
                    {'margin-left':'0'
                    });
        }
    });
});
于 2012-01-05T07:42:01.823 に答える