如何在每个会话中加载一次CSS文件？

Question

我的网站文件中有一个欢迎动画，它全部包含在一个CSS文件中。如何在每个会话中仅加载一次此CSS文件？

我正在使用Wordpress，我已经将动画链接到只在主页上加载的头文件中。我只希望这个CSS文件加载一次，这样当用户点击回主页时，CSS文件就不会加载。

我知道我必须设置一个cookie，但我不确定这样做的最佳方法是什么。我希望有人可以指出我正确的方向，谢谢你

编辑：这是我尝试过的一些代码，使用了jquery.cookie.js。我的代码抛出错误：

Uncaught TypeError: ("<link/>" , (intermediate value)(intermediate value)(intermediate value)).appendTo is not a function

代码 -

jQuery(document).ready(function() {
    if (jQuery.cookie('noShowWelcome')){}
    else {
        jQuery(("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "http://le1dev.co.uk/pureretail/1/wp-content/themes/le1-web-package-a/library/css/header-animation.css"
}).appendTo("head"));
            jQuery.cookie('noShowWelcome', true);    
        };
    });

Answer 1

请参阅this使用js设置会话cookie的问题和答案，以及使用js加载CSS文件的this问题。

您可以将这些组合起来检查会话cookie。如果它不存在，请创建一个并加载CSS。如果确实存在，则不执行任何操作。