关于jQuery / Javascript：jQuery / Javascript – 检测WooCommerce商店通知html是否可见


jQuery / Javascript - Detect if WooCommerce store notice html is visible

我正在寻找一种方法，用javascript/jquery确定是否显示WooCommerce商店通知。商店通知的HTML如下…

1
2
3
4
<p class="woocommerce-store-notice demo_store" style="display: block;">
    This is a store notice

</p>

我试着用以下方法来做这个…

1
2
3
4
5
6
7
jQuery(document).ready(function(){
    if ( jQuery('.woocommerce-store-notice').css('display') == 'none') {
        console.log('Store Notice Hidden');
    } else {
        console.log('Store Notice Visible');
    }
});

号

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

这是否与商店通知的显示方式有关？也许它是在DOM加载后设置的？

相关讨论

当商店通知被禁用时，元素被移除。css display属性不可用，因此undefined属性不可用。尝试以下代码

1
2
3
4
5
6
7
jQuery(document).ready(function(){
    if ( jQuery('.woocommerce-store-notice').css('display') == undefined) {
        console.log('Store Notice Hidden');
    } else {
        console.log('Store Notice Visible');
    }
});
相关讨论

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

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

btw=>jquery:如果DIV可见

核对

1
2
3
4
5
6
7
if(jQuery('.woocommerce-store-notice').is(':visible')){

}

else{

}

号