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

Question

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

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

Answer 1

我从未使用过 Zepto，但是：

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

可能会工作。这是一个演示。

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')

• 选择器模块
• 模块列表可以在这里找到

Answer 4

怎么样

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

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

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

如果你真的需要使用这些伪选择器，你总是可以手动实现它们。