如何检查元素在Zepto中是否可见

Question

Zepto不支持jQuery的.is(':visible')技术。

那么如何检查元素是否可见？

Answer 1

我从未使用过Zepto，但是：

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

可能会奏效。 Here's a demo.

Answer 2

我对Zepto不太熟悉，但我想你可以使用基本的JavaScript来做某种形式的检测：

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

然后在使用中：

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

Answer 3

Zepto有一些官方扩展。您可以添加选择器模块以启用.is(':hidden')

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

Answer 4

怎么样

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

或者，正如minitech建议的那样：

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

如果确实需要使用这些伪选择器，您始终可以implement them manually。