代码之家 › 专栏 › 技术社区 › fightstarr20

jQuery/Javascript-检测woomerce商店通知html是否可见

woocommerce wordpress css jquery javascript

fightstarr20 · 技术社区 · 6 年前

<p class="woocommerce-store-notice demo_store" style="display: block;">
    This is a store notice
</p>

我试着用以下方法来做这件事。。。

jQuery(document).ready(function(){
    if ( jQuery('.woocommerce-store-notice').css('display') == 'none') {
        console.log('Store Notice Hidden');
    } else {
        console.log('Store Notice Visible');
    }
});

但这告诉我,通知每次都是隐藏的,即使它是可见的。

这可能与商店告示的显示方式有关吗?可能是在dom加载后设置的?

3 回复 | 直到 6 年前

hemnath mouli 6 年前

当存储通知被禁用时,元素将被移除。CSS display 因此属性不可用 undefined . 试试下面的代码

jQuery(document).ready(function(){
    if ( jQuery('.woocommerce-store-notice').css('display') == undefined) {
        console.log('Store Notice Hidden');
    } else {
        console.log('Store Notice Visible');
    }
});

pixellab 6 年前

核对

if(jQuery('.woocommerce-store-notice').is(':visible')){

}

else{

}

Zysce myrtle303 6 年前

你可以在这里找到你想要的:

http://api.jquery.com/visible-selector/

Btw=> JQuery: if div is visible

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前