jQuery:只在网页中淡出一次

Question

我有一个简单的脚本淡入网站的主页,如:

jQuery(document).ready(function(){    
  $('body.home').hide();
  $('body.home').fadeIn('slow');
});

但是,一旦网站最初加载,我希望脚本只能工作一次.在后续点击时,例如,当用户进入辅助页面然后返回主页时,我不希望主页再次淡入,它应该只是主页加载而不褪色.

有没有办法只使用jQuery代码,可能以某种方式只执行一次该函数,然后阻止它执行？任何提示和代码片段将不胜感激!

Answer 1

你可以设置一个cookie.

$(function () {
  if ($.cookie("loaded") != "true") {
      $('body.home').hide().fadeIn('slow');
      $.cookie("loaded", "true");
  }
});