如果工作，但不是其他如果

If working but not else if

本文关键字：如果 其他 工作      更新时间：2023-09-26

"if"场景有效，而else-if则无效。我正试图在点击class="show real pixels"时切换图像

<div class="image not-hidden">
      <img src="img/healthyout/WF-onboard.png">
</div>
<div class="image hidden">
      <img src="img/healthyout/HF-onboard.png">
</div>
<div class="btn pull-right show-real-pixels">show real pixels</div>  

$(".show-real-pixels").click(
      function () {
       if ($(".image").hasClass("hidden")) {
          $(".image").removeClass("hidden").addClass("not-hidden");
        }  
        else if ($(".image").hasClass("not-hidden")) {
          $(".image").removeClass("not-hidden").addClass("hidden");
        }
});

您可以使用.toggleClass（）而不是if-else-

$(".image").toggleClass("hidden not-hidden");

使用类似的.toggleClass

$(".show-real-pixels").click(function () {
      $(".image").toggleClass("hidden not-hidden");
});

请参阅此链接

试着用这个i代码只切换第二个图像，为此我删除了第一个div非隐藏类。这对你来说要容易得多，因为你已经写了这些行，然后你只需要改变几件事：

    $(document).ready(function () {
        $(".show-real-pixels").click(function () {
            var hidn = $(".image").hasClass("hidden");
            var hidnt = $(".image").hasClass("not-hidden");
            if (hidn) {
                $(".hidden").removeClass("hidden").addClass("not-hidden");
            } else if (hidnt) {
                $(".not-hidden").removeClass("not-hidden").addClass("hidden");
            }
        });
    });
相关文章：