我的代码有一个按钮，可以通过添加和删除类来更改一些css。我让js很好地完成了这项工作。第一次单击会添加类，再次单击会删除它，如此循环，没有什么异常。
但是，我还合并了一个函数，如果浏览器窗口的大小被调整，它将删除这些类。我的问题是，如果我在调整窗口大小后再次按下按钮，它会认为应该进行第二次单击（几乎反转函数），并删除类（即使它们已经通过调整大小而删除），而我需要的按钮功能几乎重置，并认为按钮还没有被点击后，调整大小，所以这个过程可以从一开始就开始。
我真的希望这是有意义的，因为它一直在让我左右为难，而我所做的任何尝试都不会让它按我所希望的方式工作。
谢谢你的帮助！
代码如下：
js/jquery

{
  /* Button Function to add and remove classes. */

  $("#nav-icon").click(function () {
    var clicks = $(this).data("clicks");
    if (!clicks) {
      $(".logo-container").addClass("border-change-image");
      $(".container-fluid").addClass("border-change-header");
    } else {
      $(".logo-container").removeClass("border-change-image");
      $(".container-fluid").removeClass("border-change-header");
    }
    $(this).data("clicks", !clicks);
  });

  /* Window Resizing Function */

  $(window).on("resize", function () {
    var size = $(this).on("resize");
    if (size) {
      $(".logo-container").removeClass("border-change-image");
      $(".container-fluid").removeClass("border-change-header");
    } else {
    }
  });
}