Javascript Jquery如何仅在条件为true时运行函数

我有一个函数检查CSS值是否存在， 问题是我只需要当CSS类存在时函数才能工作， 当前函数一直在运行，因为我正在使用else条件（需要重新执行if条件）

换成

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

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

换成

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

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

---

您可以使用

：hidden

伪选择器：

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

---

另请参见：和

您可以使用

:hidden

伪选择器：

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

另请参见：和

您可以使用hasClass

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

您可以使用hasClass

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

---

尝试使用

$（“#移动视图”）.is（“：visible”）==true

尝试使用

$（“#移动视图”）.is（“：visible”）==true

如果在产品库之后插入可见内容，或者在产品信息之后插入内容，这不是正确的吗？似乎OP发布了相反的条件：如果

#mobile view

不可见，那么我们插入产品库……他说如果（$（'mobile view'）.css（'visibility'）=='hidden'）{$（“#产品库”）.insertAfter（“#产品信息”）}这意味着如果隐藏，则在产品信息之后插入？正确？是正确的，但您的逻辑是可见的，然后在产品信息之后插入…：）否：）如果可见，请执行此$（“#产品信息”）。后面插入（“#产品库”）；这是在产品库之后插入。如果在产品库之后可见插入或在产品信息之后插入，这不是正确的吗？似乎OP发布了相反的条件：如果

#mobile view

不可见，那么我们插入产品库…他说如果（$（'#mobile view'）.css（'visibility'）=='hidden'）{$(“#产品库”）.insertAfter（#产品信息”）}这意味着如果隐藏，则在产品信息之后插入？正确？是的正确，但您的逻辑是如果可见，则在产品信息之后插入…：）否：）如果可见，则执行此操作$（#产品信息”）.insertAfter（#产品库”）；即在产品库之后插入。