0

我有一个检查 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");
    }
 });
4

4 回答 4

3

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

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

另见：.is()和:hidden

于 2013-04-23T09:13:42.413 回答
1

将其更改为

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

    $("#product-info").insertAfter("#product-gallery");
} else {
     $("#product-gallery").insertAfter("#product-info");
 }
于 2013-04-23T09:13:28.923 回答
0

你可以使用 hasClass

if ($('#mobile-view').hasClass(className)) {
 // put your logic inside this.
}
于 2013-04-23T09:14:02.540 回答
0

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

于 2013-04-23T09:14:23.400 回答