javascript - Lightbox 无法与 Flexslider 一起使用

Question

我在网站的作品集页面上为我的画廊使用了一个名为 Easy Fancybox 的内置 WordPress 灯箱。问题是它不适用于我的 Flexslider。我发现原因是 slider 在页脚中链接到的 jQuery 库脚本。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

但是，如果没有上述 jQuery 文件，我的 slider 将无法工作，但灯箱可以。我尝试过不同的库，但似乎没有一个能让他们都满意!

http://sadiemangan.co.uk/solent

Answer 1

我在您的页面中打开控制台，看到多个错误以及 404 1 和 2 JQuery 相关

Uncaught TypeError: $ is not a function at (index):486

这是“文档就绪”函数，错误表明 $ 不是函数，因为库尚未加载。在控制台中输入 $ 显示该库已加载，因此它必须在文档准备好后加载

这可以通过在页面标题中调用/加载库来解决

第二个错误

Uncaught TypeError: jQuery(...).fancybox is not a function

这可以通过使用来解决

<script type="text/javascript">
var $= jQuery.noConflict();
</script>

加载库后将其放入 header