重新加载页面后 FancyBox 图片点击不起作用

发布于 2025-01-19 14:21:55 字数 679 浏览 5 评论 0原文

第一次单击图像时,它会放大而没有问题。但是,当我尝试重新加载页面而不清除在单击操作时加载图像时具有问题的缓存。如果我再次重新加载清晰的缓存,则无问题。

<script type="text/javascript">
    $(document).ready(function () {
        /*
         *  Simple image gallery. Uses default settings
         */

        $(".fancybox").fancybox({
            helpers: {
                title: { type: 'outside' },
                buttons: {},
                type: 'iframe',
                overlay:
                {
                    showEarly: false
                }
            }
        });
    });

</script>

<a class="fancybox" rel="gallery" href="@imgSrc1">
    <img src="@imgSrc1" alt="">
</a>

First time when i click on image it enlarge and no issue. But when i try to reload the page without clear the cache having issue on loading image upon click action. If i reload with clear cache again no issue.

<script type="text/javascript">
    $(document).ready(function () {
        /*
         *  Simple image gallery. Uses default settings
         */

        $(".fancybox").fancybox({
            helpers: {
                title: { type: 'outside' },
                buttons: {},
                type: 'iframe',
                overlay:
                {
                    showEarly: false
                }
            }
        });
    });

</script>

<a class="fancybox" rel="gallery" href="@imgSrc1">
    <img src="@imgSrc1" alt="">
</a>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文