微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么 Glide js 文件在第一次访问时没有加载?

如何解决为什么 Glide js 文件在第一次访问时没有加载?

每次刷新项目页面后,script.js 中的 glide js 内容都会被加载,并且不会在访问时加载。

    <div class="showcase">
            <div class="glide">
                <div class="glide__track" data-glide-el="track">
                    <ul class="glide__slides">
                        <li class="glide__slide">
                            <img src="./1.PNG" alt="" />
                            <div class="text_area">
                                <h3>Responsive Clibboard Landing Page</h3>
                                <span>Built an responsive simple landing Page</span>
                                <br />
                                <a href="https://clipboardlanding.Now.sh/" target="_blank"
                                    >Visit Now...</a
                                >
                            </div>
                        </li>
                        <li class="glide__slide">
                            <img src="./Capture.PNG" alt="" />
                            <div class="text_area">
                                <h3 class="text_put">
                                    Responsive,Dynamic Portfolio Website
                                </h3>
                                <span class="text_put"
                                    >Designed,built & mantaining the website for a Professional
                                    logo Designer.</span
                                >
                                <br />
                                <a href="https://logodesigner.vercel.app/" target="_blank"
                                    >Visit Now...</a
                                >
                            </div>
                        </li>
                        <li class="glide__slide">
                            <img src="./2.png" alt="" />
                            <div class="text_area">
                                <h3>Desktop Friendly Landing Page</h3>
                                <span>Built an simple landing page for desktop</span>
                                <br />
                                <a
                                    href="https://single-price-grid-component-liart.Now.sh/"
                                    target="_blank"
                                    >Visit Now...</a
                                >
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="glide__arrows" data-glide-el="controls">
                    <button class="glide__arrow glide__arrow--left" data-glide-dir="<">
                        <i class="fa fa-angle-left"></i>
                    </button>
                    <button class="glide__arrow glide__arrow--right" data-glide-dir=">">
                        <i class="fa fa-angle-right"></i>
                    </button>
                </div>
            </div>
        </div>

这是我的代码链接 https://codepen.io/nileshaggarwal/pen/ZEpJMrJ

以上代码是glide.js部分,访问项目页面链接时需要执行。 并且 javascript 文件只需要与 html 文件一起执行。 包含指向 javascript 文件、css 文件和完整 html 文件链接

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。