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'

または、ミニテックが提案したように：

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

これらの疑似セレクターを本当に使用する必要がある場合は、いつでも手動で実装できます。