reallyvisible seçici

Question

jquery :visible ve :hidden seçicileri dolayısıyla visibility:hidden ile bir şey o

Ben seçebilmek için gereken o_O olmadığı halde :visible olarak kabul edilir, belgede yer tüketir öğeleri seçin, biraz yanıltıcı gözlerimle görebilirsiniz :reallyvisible sadece elementler, örneğin değil opacity:0 veya bir eleman tüm o ataları da bir özyinelemeli bakmak ağaç gerekli olacağını varsayıyorum böylece görünür olmalıdır görsel görünebilmesi için Açıkçası

visibility:hidden .

Bu çok mu pahalı? Bunu başarabilmek için güvenilir ve etkili bir yöntem önerilebilir mi?

function isVisible(el){ 
    if (el.css('opacity') != '0' && el.css('visibility') != 'hidden') { 
     return true 
    } 
    return false 
} 

$('myelement').filter(function() { 
    visible = true 

    if (isVisible($(this)) == false) 
     visible = false 

    $(this).parents().each(function(){ 
     if (isVisible($(this)) == false) 
      visible = false 
    }) 

    return visible == true 
}).html("I'm really visible !") 

Answer 1

ne dersiniz:

Answer 2

bu kodu deneyin

$.expr[':'].reallyVisible = function(node, idx){ 

    while(true){ 

     // should be faster than $(node).css() 
     var css = document.defaultView.getComputedStyle(node, null); 

     if(css.opacity == 0 || css.visibility == 'hidden') 
     return false; 

    node = node.parentNode; 

    if(!node || node === document) 
     break; 
    }   

    return true; 
} 

http://jsfiddle.net/jxEFk/