打开 Fancybox 链接后出错答案

【问题标题】：Error after opening Fancybox link打开 Fancybox 链接后出错
【发布时间】：2023-03-19 07:12:02
【问题描述】：

单击 Fancybox 链接时出现错误。该插件可以显示这些框，但在初始化其中一个后，我收到此错误：

Uncaught ReferenceError: jQuery is not defined (plugins.js:1983)
Uncaught ReferenceError: $ is not defined (script.js:6)

我正在为这些盒子使用非常基本的设置 -

$(document).ready(function() {
    $('.fancybox').fancybox();
});

使用 jQuery 1.9.0 和 FancyBox 2.1.4。插件在运行它的 script.js 之前加载（在 plugins.js 中）。我错过了什么吗？文档就绪函数在 script.js 的第 6 行。

【问题讨论】：

你确定在fancybox js文件调用之前声明了jquery的脚本吗？
是的，应该是正确的顺序。
再检查一下，你确定你只在 jquery 源上使用？
是的。我已经检查了文件排序/插件引用。

标签： jquery plugins fancybox

【解决方案1】：

您可以在页面的开头使用此脚本。

if(typeof jQuery == 'undefined'){
        var scripts = document.getElementsByTagName('script')[0];
        var jquery = document.createElement("script");
        jquery.setAttribute("type", "text/javascript");
        jquery.setAttribute("src", "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js");
        scripts.parentNode.insertBefore(jquery, scripts);
    }

【讨论】：

您能简单介绍一下它的使用方法和作用吗？
当然，这将检查页面中是否加载了jQuery，如果没有，它将在html中添加一个脚本标签来调用和请求jquery。
谢谢。我刚刚发现是什么原因造成的，我忘记删除 iframe 中脚本的页脚链接......所以它尝试执行两次。