Question

我有一个检查CSS值是否存在的函数，问题是我需要该函数只在CSS类存在时才能工作，目前该函数一直在运行，因为我正在使用其他条件（需要重新执行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

Answer 2

将其更改为

if ($('#mobile-view').is(":visible")) {

    $("#product-info").insertAfter("#product-gallery");
} else {
     $("#product-gallery").insertAfter("#product-info");
 }

Answer 3

你可以使用hasClass

if ($('#mobile-view').hasClass(className)) {
 // put your logic inside this.
}

Answer 4

尝试使用$("#mobile-view").is(":visible") == true

Jquery如果条件为真，如何运行函数

4 个答案: