最初不加載CSS，不會在刷新（F5或CTRL F5）上加載，但加載鏈接單擊（偶爾）

Question

花了整整一天的時間試圖弄清楚這個問題，希望有人能幫助我！我是新來的，所以我很抱歉，如果這是一個重複的問題，（我做了我的研究，並沒有提前找到任何東西）。

我的網站我建立我的諮詢公司利用瀏覽器緩存，但如果清除緩存它不正確加載我的背景/滑塊圖像的CSS。瀏覽器（Chrome，&邊緣）不是正確執行CSS，而是將它們堆疊在一起，同時將身體的其餘部分向下推。

對於某些導航腳本等，我確實使用服務器解析。出於某種原因，CSS不會加載刷新或硬刷新，但會在點擊index.html鏈接時加載（無論是在徽標，導航酒吧等）。

什麼可隱瞞的，因此您可以在查看網站：http://www.okanaganmarketing.com

下面，如果該站點的滑塊代碼以及：

<div class="slider"> 
       <div class="fullwidthbanner-container"> 
        <div class="fullwidthbanner"> 
         <ul> 
          <li class="first-slide" data-transition="fade" data-slotamount="10" data-masterspeed="300"> 
           <img src="assets/images/snap_dot.jpg" data-fullwidthcentering="on" alt="slide"> 
           <div class="tp-caption first-line lft tp-resizeme start" data-x="center" data-hoffset="0" data-y="250" data-speed="1000" data-start="200" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0">Grow Your Business</div> 
           <div class="tp-caption second-line lfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="340" data-speed="1000" data-start="800" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0">We Specialize In Marketing Strategy & Implementation</div> 
           <div class="tp-caption slider-btn sfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="510" data-speed="1000" data-start="2200" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0"><a href="#" class="btn btn-slider">We'll Show You How</a></div> 
          </li> 
          <li class="first-slide" data-transition="fade" data-slotamount="10" data-masterspeed="300"> 
           <img src="assets/images/millenials_2_dot_grey.jpg" data-fullwidthcentering="on" alt="slide"> 
           <div class="tp-caption first-line lft tp-resizeme start" data-x="center" data-hoffset="0" data-y="250" data-speed="1000" data-start="200" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0">Engage Your Customers</div> 
           <div class="tp-caption second-line lfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="340" data-speed="1000" data-start="800" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0">Social Media Marketing & Account Managment</div> 
           <div class="tp-caption slider-btn sfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="510" data-speed="1000" data-start="2200" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0"><a href="#" class=" second-btn btn btn-slider">We'll Take Care Of It For You</a></div> 
          </li> 
          <li class="first-slide" data-transition="fade" data-slotamount="10" data-masterspeed="300"> 
           <img src="assets/images/sunset.jpg" data-fullwidthcentering="on" alt="slide"> 
           <div class="tp-caption first-line lft tp-resizeme start" data-x="center" data-hoffset="0" data-y="250" data-speed="1000" data-start="200" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0">Reach The Right Customers</div> 
           <div class="tp-caption second-line lfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="340" data-speed="1000" data-start="800" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0">Marketing Communications & Media Exposure For Your Business</div> 
           <div class="tp-caption slider-btn sfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="510" data-speed="1000" data-start="2200" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0" data-endelementdelay="0"><a href="#" class="btn btn-slider">We'll Help You Reach Your Goals</a></div> 
          </li> 
         </ul> 
        </div> 
       </div> 
      </div> 

如果有人可以幫助我將不勝感激，因爲我正在用盡想法！在此先感謝您的幫助！！

Answer 1

對於遇到同樣問題的任何人，希望這對你有一些幫助。我設法弄清楚了自己，並不完全確定哪個部分最終解決了問題，但是現在它已經修復了。

我正在使用服務器解析.shtml文檔，將我的腳本包含在我的頁腳中（所以我不必在我的網站上編輯它們），並注意到當我單獨查看我的JavaScript和JQuery腳本時，使用ASYNC屬性運行它們，由於某種原因，在解析文件中出現這種情況似乎導致了問題。只要我從滑塊相關的JQuery文件中刪除了ASYNC屬性，它就像一個按鈕一樣平滑運行！

如果有人遇到這個問題，希望這會有一些幫助！