So prüfen Sie, ob das Element in Zepto sichtbar ist

Question

Zepto unterstützt jQuerys .is(':visible') Technik nicht.

Wie überprüfen Sie, ob ein Element sichtbar ist?

Answer 1

Ich habe noch nie verwendet Zepto, aber:

.css('display') !== 'none' 

würde wahrscheinlich funktionieren. Here's a demo.

Answer 2

Wie wäre es

.css('display') === 'block' 

oder, wie MiniTech vorgeschlagen:

.css('display') !== 'hidden' 

Wenn Sie wirklich diese Pseudo-Selektoren verwenden müssen, können Sie immer implement them manually.

Answer 3

Ich bin nicht allzu vertraut mit Zepto, aber ich würde sich vorstellen, nur grundlegende JavaScript verwenden könnte irgendeine Form der Erkennung zu tun:

function isVis(ele) { 
    if(ele.css('display')!='none' && ele.css('visibility')!='hidden' && ele.height()>0) { 
     return(true); 
    } else { 
     return(false); 
    } 
} 

Dann im Einsatz:

var div=$('#div_id'); 
if(isVis(div)) { 
    // Element is visible 
} else { 
    // Element in not visible 
} 

Answer 4

Zepto hat einige offizielle Erweiterungen. Sie können Selektor Modul umfassen .is(':hidden')

• The selector module
• List of modules can be found here