这是我关于stackoverflow的第一个问题，希望有人可以提供帮助。
我正在建立一个由django驱动的网站，当启用swup（处理页面转换）时，我似乎无法使我的fancybox画廊正常工作，或者至少我怀疑这是相关的。
我的设置： django与photologue图像 scrollmagic处理的视差标头 swup处理的页面过渡
问题： 单击缩略图可全屏显示没有fancybox控件的图像，但是，在显示图像和加载图像之前的一秒钟之内，fancybox控件/箭头/ x在那里。但是单击后的结果是没有导航的全屏图像，URL现在也指向带有/.jpg的图像，我认为这是由photologue生成的URL。
现在最奇怪的是： 单击缩略图，单击“后退”按钮，然后再次单击缩略图，然后再次单击“后退”按钮，结果将按预期在fancybox叠加层中打开图像！ ：（
我尝试过的方法：
-如果我将base.html中的jQuery声明移到末尾，则fancybox可以工作，但我的视差和nabar链接将停止工作。
-如果我禁用swup或scrollmagic，fancybox效果很好
-不同版本的fancybox对我来说似乎有相同的问题
-从cdn，本地或django-fancybox（如现在）导入fancybox似乎没有效果
-我将所有的jQuery代码都使用了“ $”符号，甚至将venv / fancybox /中的代码也放入了其中，以使用
.noConflict：
jQuery.noConflict();
(function( $ ) {
$(function() {
});
})(jQuery);
在某些论坛上建议，但无效。 -控制台中似乎不再有错误 -根据https://swup.js.org/getting-started/reloading-javascript的建议添加了一些代码 -如您所见，在swup重新绘制新页面后，还调用了一些功能，否则导航网站后将不会加载
我在jQuery / javascript上没有太多经验，所以我怀疑可能是我的问题。请有经验的人帮助我，过去20个小时中我一直在进行调试/研究。谢谢。
ps .：不确定我的代码的哪一部分负责，所以我同时放置了base.html和gallery_detail.html，希望允许。
如果我将代码粘贴到这里，它会完全失真，尤其是脚本，因此请在pastebin中找到我的代码：
base.html： https://pastebin.com/qT0G0xXi
gallery_details.html： https://pastebin.com/5gzYX0a8
预期结果将是所有脚本都同时工作，而不会彼此冲突。