如何在每個會話中加載一次CSS文件？

我在我的網站上有一個包含在一個CSS文件中的歡迎動畫。我怎樣才能讓這個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);  
     }; 
    });

來源

2017-07-31 Sam Brown

@ Cagy79我認爲他的意思是每次應該加載一次css，然後不應該再次出現。所以當我第一次訪問動畫加載的網頁時，如果我在同一個會話中第二次訪問動畫，則不會。完全無關。 – SchoolBoy

我同意在一定程度上。山姆，如果你可以發佈一些你已經試過的代碼會有所幫助。這可能有點寬泛，但我不相信它不清楚。 – SchoolBoy

您最好發送適當的過期標題，以便瀏覽器只加載一次，而不必擔心如何/何時。請閱讀.htaccess中的ExpiresByType – twicejr

參考this問題和答案使用JS設置會話cookie，以及加載JS使用一個CSS文件this問題。

您可以合併這些來檢查會話cookie。如果它不存在，請創建一個並加載CSS。如果它確實存在，則什麼都不做。

來源

2017-07-31 09:03:40 SchoolBoy

@twicejr我不明白爲什麼。在我看來，這可以在任何普通網站上運行。請解釋。此外爲什麼downvote？這是出於同樣的原因嗎？ – SchoolBoy

我沒有正確閱讀，downvote不是我的。我刪除了我的評論，因爲我閱讀了「歡迎動畫」部分。加載文件一次只是我想的唯一挑戰。 – twicejr

有道理。我想我不應該認爲你會成爲投票的人。但是，無論如何，如果你說你爲什麼拒絕投票，這將會有所幫助。 – SchoolBoy

如何在每個會話中加載一次CSS文件？

回答

相關問題