CSS最初不加載，不按刷新（F5或CTRL F5）加載，但按Link Click加載（有時）

Question

花了整整一天的時間試圖找出答案，希望有人可以幫助我！ 我是新來的，因此如果這是一個重復的問題，我深表歉意（我確實做了研究，但無法提前找到任何東西）。

我正在為我的咨詢公司建立的網站使用瀏覽器緩存，但是如果清除了緩存，則無法在我的背景/滑塊圖像中正確加載CSS。 瀏覽器（Chrome和Edge）沒有正確執行CSS，而是將它們堆疊在一起，同時將身體的其余部分向下推。

我確實對某些導航腳本等使用服務器解析。出於某種原因，CSS不會在刷新或硬刷新中加載，但是如果單擊index.html鏈接（在徽標，導航欄等上），則會加載CSS。 。

沒有什么可隱藏的，因此您可以在以下位置查看該網站： 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屬性，它就可以像按鈕一樣運行！

如果有人遇到這個問題，希望會對您有所幫助！