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

我正在寻找一种使用JavaScript/jQuery确定是否显示WooCommerce商店通知的方法。商店通知的HTML如下所示

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

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

---

这可能与商店通知的显示方式有关吗？可能它是在加载dom后设置的？

当存储通知被禁用时，元素被删除。CSS

显示

属性不可用，因此

未定义

。请尝试下面的代码

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

核对

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

}

else{

}

---

您可以在此处找到所需内容：

---

顺便说一句，这个通知是什么时候或者在什么情况下显示的？我试过了，效果很好。可能问题在于jquery脚本在代码中的位置。通知在页面加载时显示，但其显示值似乎是使用Javascript内联设置的。现在我要试着找出它的位置，这是关键。找出它何时显示以及您可以使用该事件。但是你可以试着使用

窗口。在（'load'）

上，而不是

就绪

欢迎回来hemnath:）@LoicTheAztec你还记得我，这太疯狂了：）顺便说一句，你在谈论商业话题

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

}

else{

}