javascript - Jquery如何仅在条件为真时运行函数

Question

我有一个函数可以检查 CSS 值是否存在，问题是我需要该函数仅在 CSS 类存在时才起作用，目前该函数一直在运行，因为我正在使用 else 条件(需要重新执行 if 条件)。

 //use for @media only screen and (max-width: 767px) detection    
 $(window).resize(function(){
    if ($('#mobile-view').css('visibility') === 'hidden') {
        $("#product-gallery").insertAfter("#product-info");
    }
     else { 
         $("#product-info").insertAfter("#product-gallery");
    }
 });  

Answer 1

您可以使用 :hidden 伪选择器:

if ($('#mobile-view').is(':hidden')) {
    $("#product-gallery").insertAfter("#product-info");
} else {
    $("#product-info").insertAfter("#product-gallery");
}

另请参阅:.is()和 :hidden