Google函数会触发Javascript检查功能，但不会触发其他功能

Question

//Overlay mobile menu open
$('#burger-icon').on('click', function(e) {
  e.stopPropagation();
  document.getElementById('fp-menu').style.height = "100%";
  let overlay_content = document.getElementsByClassName("overlay-content")[0];
  let pipe = overlay_content.querySelector(".pipe");

  let contact = document.querySelector("#sidebar-leftButton");
  let case_studies = document.querySelector("#sidebar-rightButton");
  if (screen.width < 1000) {

    let overlay_contentA = document.querySelectorAll(".overlay a");

    for (i = 0; i < overlay_contentA.length; i++) {
      overlay_contentA[i].style.color = "white";
    }

    //changes the social icons to white if in mobile view.
    document.getElementById('instagram').src = "instagram_white.svg";
    document.getElementById('linkedin').src = "linkedin_white.svg";
    document.getElementById('twitter').src = "twitter_white.svg";

    //gets rid of the pipe in menu that is visible for the desktop version
    //removes sidetabs while in overlay menu
    pipe.style.display = "none";
    contact.style.display = "none";
    case_studies.style.display = "none";

    //changes how the elements are displayed when overlay is triggered
    $('#fp-menu .news').removeClass("col-sm-2");
    $('#fp-menu .portfolio').removeClass("col-sm-3");
    $('#fp-menu #social').removeClass("col-sm-6");
  }
});

function closeOverlayMenu() { //closes the overlay mobile menu
  // e.stopPropagation();
  $('#fp-menu').animateCss('slideUp');
  $('#fp-menu').css('height', 0);

  let overlay_content = document.getElementsByClassName("overlay-content")[0];
  let pipe = overlay_content.querySelector(".pipe");
  let contact = document.querySelector("#sidebar-leftButton");
  let case_studies = document.querySelector("#sidebar-rightButton");

  let overlay_contentA = document.querySelectorAll(".overlay a");

  for (i = 0; i < overlay_contentA.length; i++) {
    overlay_contentA[i].style.color = "black";
  }
  //changes icons to black on slide up of overlay
  document.getElementById('instagram').src = "instagram.svg";
  document.getElementById('linkedin').src = "linkedin.svg";
  document.getElementById('twitter').src = "twitter.svg";

  //restores elements of the original homepage that were hidden for overlay
  pipe.style.display = "block";
  contact.style.display = "block";
  case_studies.style.display = "block";

  $('#fp-menu .news').addClass("col-sm-2");
  $('#fp-menu .portfolio').addClass("col-sm-3");
  $('#fp-menu #social').addClass("col-sm-6");
};

document.getElementsByTagName('body')[0].onresize = function() {
  closeOverlayMenu();
};

//overlay mobile  menu close
$('#closebtn').on('click', function(e) {
  e.stopPropagation();
  $('#fp-menu').animateCss('slideUp');
  $('#fp-menu').css('height', 0);


  //if overlay mobile menu is down, close it by clicking the X
  if (screen.width < 1000) {
    closeOverlayMenu();
    console.log(document.querySelectorAll("#social"));
  }

});

//overlay menu styling
	.overlay {
	height: 0;
	width: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background-color: #000000;
	overflow-x: hidden;
	transition: 0.5s;
	}
	.overlay-content {
		position: relative;
		top: 5%;
		width: 100%;
		text-align: center !important;
		margin-top: 90px;

		.row{
			padding: 50px 30px 50px 30px;
			.column{
				float: left;
				width: 33.33%;
				padding: 0 5px 0 5px;
			}
		}
		img {
			width: 50px;
		}
		div {
			padding: 30px 0 30px 0;
		}
	}

	.overlay a {
		padding: 8px;
		text-decoration: none;
		font-size: 36px;
		color: #FFFFFF;
	}
	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}
	#closebtn {
		display:block;
		position: relative;
		top: 5px;
		right: 20px;
		font-size: 60px;

	}
	#social{
		position: relative;
		top: 10px;
		a {
			padding: 5% 5% 5% 5%;
		}

	}
	#fp-menu{
		display: block;
		color: $menu_black;
	}
	.pipe{
		display: block;
		transition: 0.4s;
	}

<div id="fp-menu" class="overlay">
  <div id="closebtn" style="color: white;">X</div>
  <div class="column overlay-content">
    <!-- <div class="column"> -->
    <div class="col-sm-2 news">
      <a href="https://news.co.uk/">NEWS</a>
    </div>
    <div class="col-sm-1 pipe">
      |
    </div>
    <div class="col-sm-3 portfolio">
      <a href="https://production.co.uk/">PORTFOLIO</a>
    </div>
    <div id="social" class="col-sm-6">

      <a href="https://www.instagram.com"> <img id="instagram" src='instagram.svg' /></a>

      <a href="https://www.linkedin.com"> <img id="linkedin" src='linkedin.svg' /></a>

      <a href="https://twitter.com"> <img id="twitter" src='twitter.svg' /></a>
    </div>
  </div>
</div>

最奇怪的是，我有1个函数可以在2种情况下触发：调整窗口大小和单击退出按钮时。

这与实际上是针对移动用户的覆盖菜单有关。

在两种情况下，当我以chrome打开检查控制台时，这些功能均按预期方式工作。但是，当我关闭此窗口并返回正常的浏览器窗口时，这些功能将停止执行。

在移动设备上可以。我只在台式机/笔记本电脑上遇到过此问题（因为我在其他台​​式机[iMacs]和2台笔记本电脑[Macbooks上尝试过，但是我认为无关紧要的硬件类型]）。

当前，“＃social” div中的图标并未更改为白色，这是我预期在打开时会发生的情况；在关闭时，它们会恢复为黑色。他们在整个执行过程中都保持黑状态。

有人曾经经历过吗？这与Wordpress平台站点有关。完全定制，没有主题。

如果此说明有帮助，请告诉我。如果需要任何代码，请告诉我。

Ps：我认为这是终端或服务器上的缓存问题，我清除了两者的缓存，但是问题仍然存在。

function closeOverlayMenu(){//closes the overlay mobile menu
    $('#fp-menu').animateCss('slideUp');
    $('#fp-menu').css('height', 0);

    let overlay_content = document.getElementsByClassName("overlay-content")[0];
    let pipe = overlay_content.querySelector(".pipe");
    let contact = document.querySelector("#sidebar-leftButton");
    let case_studies = document.querySelector("#sidebar-rightButton");

    let overlay_contentA = document.querySelectorAll(".overlay a");

    for (i = 0; i < overlay_contentA.length; i++) {
        overlay_contentA[i].style.color = "black";
    }
    //changes icons to black on slide up of overlay
    document.getElementById('instagram').src="https://s3-eu-west-1.amazonaws.com/mvt-hosted-images/instagram.svg";
    document.getElementById('linkedin').src="https://s3-eu-west-1.amazonaws.com/mvt-hosted-images/linkedin.svg";
    document.getElementById('twitter').src="https://s3-eu-west-1.amazonaws.com/mvt-hosted-images/twitter.svg";

    //restores elements of the original homepage that were hidden for overlay
    pipe.style.display="block";
    contact.style.display="block";
    case_studies.style.display="block";

    $('#fp-menu .news').addClass("col-sm-2");
    $('#fp-menu .portfolio').addClass("col-sm-3");
    $('#fp-menu #social').addClass("col-sm-6");
};

我希望该功能将在开发控制台未激活的情况下触发。请让我知道是否有任何进一步的描述或信息会有所帮助。