如何使鑲嵌控件與jQuery的切換？

我有一個圖像。如果您將鼠標懸停在上面，則會顯示下一張圖片和上一張圖片的控件，並顯示在圖片上（通過CSS移動）。如果我鼠標控制圖像，殼消失。如何使鑲嵌控件與jQuery的切換？

的問題是，如果我將鼠標懸停我鼠標移出圖像控件之一，對照消失:-(

我怎麼處理這個問題？我tryed類似的東西，但它不會做的伎倆：無功控制= FALSE;

$('.detail_img').bind('mouseover', function(){ 
     $('.gal_control').fadeIn(200); 
    }); 

    $('.detail_img').bind('mouseout', function(){ 

     if(!control) $('.gal_control').fadeOut(400); 
    }); 
    $('.gal_control').bind('mouseover', function(){ 
     control = true; 
    }); 
    $('.gal_control').bind('mouseout', function(){ 
     control = false; 
    });

感謝幫助我

的HTML ...所有沒有幻想:-)

<div class="rollover_left gal_control"></div> 
<div class="rollover_right gal_control"></div> 
<img class="detail_img" id="detail_img" src...>

UPDATE

var control = false; 


    $('.detail_img').bind('mouseover', function(){ 
     control = true; 
     $('.gal_control').fadeIn(200); 

    }); 

    $('.detail_img').bind('mouseout', function(){ 
     control = false; 
    }); 
    $('body').bind('mouseover', function(){ 
     if(!control) $('.gal_control').fadeOut(400); 
    }); 

    $('.gal_control').bind('mouseover', function(){ 
     control = true; 
    }); 
    $('.gal_control').bind('mouseout', function(){ 
     control = false; 
    });

我的意思是，這個現在做的伎倆，但有沒有更好的辦法？我可以優化這些行嗎？

來源

2010-07-16 helle

能否請您發表您的HTML？ – 2010-07-16 09:15:45

我想嘗試一個或兩個以下的：在<div>

總結兩個圖像和控制，並連接鼠標事件到div而不是圖像的
嘗試使用mouseenter和mouseleave事件，而不是mouseover/mouseout

來源

2010-07-16 12:27:09 arnemart

1，不起作用，試過了。 – helle 2010-07-16 19:04:01

如何使鑲嵌控件與jQuery的切換？

回答

相關問題