jquery翻轉/定位/選擇器問題

所以基本上，即時通訊工作與jQuery翻轉。我有一個縮略圖，裏面有一個圖像的定期html包裝。然後爲了翻轉，我動態地附加了一個div（稍後對翻轉進行動畫處理），並在該動態附加div內，我希望替代文本在屏幕上顯示爲實際文本。在推出時，它隱藏它。jquery翻轉/定位/選擇器問題

這裏是基本的HTML

<div id="portSecW"> 

       <div class="portThumbsL"> 
        <a href="images/sitePortThumbs/2882.png"><img src="images/sitePortThumbs/2882.png" alt="2882films"/></a> 
        <div class="thumbTxtSmall">2882FILMS</div> 
       </div> 

    </div>

這裏是JavaScript

$('#portSecW div:not(".closeXbtn")').prepend('<div class="portSecRollOver"><div class="portSecInner"></div></div>'); 


    $('.portThumbsL , .portThumbsR, .portSecRollOver, .portSecInner, h3').mouseover(function(){ 
     //$(this).css("background-color","#0099FF");//blue bg for thumgs 
     $(this).children('.portSecRollOver').css("display","block"); 
     //$(this).children('.portSecRollOver').show(); 
     $(this).find('.portSecInner').html("<h3 class='h34roll'>" + $(this).find('img').attr("alt") + "</h3>"); 

    }); 
////  
    $('.portThumbsL , .portThumbsR').mouseleave(function(){ 
     //$(this).css("background-color","#333"); 
     $(this).children('.portSecRollOver').css("display","none"); 
     //$(this).children('.portSecRollOver').hide(); 
    });

現在這裏是問題，問題是，雖然一切正常，鼠標移開時有時卡住。弄亂我的發現，如果你像平常一樣翻身，將鼠標放在中間的文字上，並水平展開（左/右）附加的div不會隱藏自身。它只是停留在屏幕上。無論做了什麼，如果將鼠標懸停在div的頂部或底部區域上，只要將鼠標懸停在文本所在的位置，它就會卡住。

繼承人是一個jsFiddle所以你們都可以看到發生了什麼事情。再次，鼠標懸停在框上，你會看到中間的文字（由alt標籤提供），將鼠標放在那裏並水平滾動（左/右），看看它如何停留在那裏。如果您將鼠標懸停在頂部/底部部分上，則表現得像正常一樣。

在上面的jQuery選擇，我已經把每一個選擇器框內和我用盡他們首先，完全靠自己，然後一起正如我上面有我只是不明白這就是搞亂了我。

繼承人的的的jsfiddle http://jsfiddle.net/somdow/KSt6a/

在先進的感謝。

來源

2012-09-13 somdow

$('.portThumbsL').hover(function(){   
    $(this).children('.portSecRollOver').css("display","block"); 
    $(this).find('.portSecInner').html("<h3 class='h34roll'>" + $(this).find('img').attr('alt') + "</h3>"); 
}, function() { 
    $(this).children('.portSecRollOver').css("display","none"); 
});

IM不熟悉的鼠標懸停和鼠標離開的方法，但對於我在&出使用懸停與兩個處理器相同的情況。

來源

2012-09-13 02:00:30 bondythegreat

我以懸停，而不是mousein解決了類似的問題，鼠標移開 – Brentoe

是的是做到了。這不是第一次，這種類型的問題發生在我身上...有什麼想法爲什麼？謝謝 – somdow

將複雜代碼簡化爲一個簡單的CSS：hover語句？

http://jsfiddle.net/5jYem/

來源

2012-09-13 02:08:50

jquery翻轉/定位/選擇器問題

回答

相關問題