jQuery懸停在兩個單獨的元素

Question

我有兩個單獨的元素設置出現在DOM的不同部分 - 我面臨的問題是，他們絕對定位，我不能將它們包裝在一個容器div。

我已經安裝這裏的jsfiddle - http://jsfiddle.net/sA5C7/1/

我所試圖做的是：搬進搬出一起元素 - 使用戶可以元素之間移動他們的鼠標只有一次他們移動關閉兩個會再次隱藏？

我該如何設置？因爲目前，一旦我移出單個元素 - 它會觸發該元素的「離開事件」等。

Answer 1

您可以使用您設置的兩個布爾變量，每個布爾變量用於每個元素。當你輸入元素時它變爲true，如果你離開，它變成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' 
        }); 
     } 
    }); 
});