jQuery cookie预加载程序应该只出现一次

我必须有欢迎预加载，它应该只出现在页面上一次（第一次访问）。但当我点击子页面时，会有一个短时间的预加载程序。我该怎么办

这是我的代码：

我正在使用jQuery cookie库来存档此文件。不幸的是，客户端注意到子页面之间有一部分加载程序，我必须纠正这一点。这是我的小提琴：

.loader {
  display: block;
  background-color: #F8ECEE;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;

 .loader-img {
   position: absolute;
   -webkit-animation-duration: 4s;
   /* Safari 4.0 - 8.0 */
   animation-duration: 4s;
   animation-fill-mode: forwards;
   -webkit-animation-fill-mode: forwards;
 }
}

.logo-open {
 position: absolute;
 left: 50%;
 top: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 z-index: 999;
 max-width: 200px;
 opacity: 0;
 -webkit-animation-name: logo;
 /* Safari 4.0 - 8.0 */
  animation-name: logo;
 animation-delay: 4s;
 -webkit-animation-duration: 4s;
  /* Safari 4.0 - 8.0 */
  animation-duration: 4s;
 animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
 /* Safari 4.0 - 8.0 */
 @-webkit-keyframes logo {
  0% {
   opacity: 0;
  }

  100% {
   opacity: 1;
  }
}

@keyframes logo {
 0% {
   opacity: 0;
 }

  100% {
   opacity: 1;
 }
}


if ($.cookie('noShowWelcome')) $('.loader').hide();
 else {
   setTimeout(function() {
   $('.loader').fadeOut('fast');
   $.cookie('noShowWelcome', true);
 }, 7000);
}