Javascript 弹出视频不显示在3D图像库上

伙计们

我可能很愚蠢，但我无法得到工作视频弹出框。 好的，让我们从头开始。我有3D风格的图像旋转木马画廊，里面有按钮和标题。我已经将这个重要的按钮编辑了几十次以使其工作，但仍然没有结果。感觉像是当前的3D CSS、JQuery、Javascript和HTML图像滑块库不能与视频弹出框一起工作。我不确定，但感觉像是。正在工作的弹出式视频示例演示是，我希望它能与我的3D旋转滑翔机图像库一起完成。当我将working sample中的几行脚本放到gallery页面时，我没有收到来自脚本行的响应。像3D画廊一样，它阻止了弹出的视频框，并且没有显示出来

我的目标：我想在3D图像库滑块上弹出视频框。 问题：弹出框不响应不工作，在按钮“观看电影”单击后，它不会显示在3D gallery滑块上

这里是3D旋转木马图像库和工作弹出视频框的完整代码。为了方便您，我为这个脚本示例添加了所有源链接，这样您就可以用这个脚本创建自己的index.html文件

三维平滑旋转木马-滑块 /*弹出式容器-可以是任何你想要的*/ .弹出窗口{ 位置：相对位置； 显示：内联块； 光标：指针； -webkit用户选择：无； -moz用户选择：无； -ms用户选择：无； 用户选择：无； } /*实际弹出窗口*/ .popup.popuptext{ 可见性：隐藏； 宽度：160px； 背景色：555； 颜色：fff； 文本对齐：居中； 边界半径：6px； 填充：8px0； 位置：绝对位置； z指数：1； 底部：125%； 左：50%； 左边距：-80px； } /*弹出箭头*/ .popup.popuptext:：after{ 内容：； 位置：绝对位置； 最高：100%； 左：50%； 左边距：-5px； 边框宽度：5px； 边框样式：实心； 边框颜色：555透明； } /*切换此类-隐藏并显示弹出窗口*/ .popup.show{ 能见度：可见； -网络工具包动画：Fadein1s； 动画：Fadein1s； } /*在弹出窗口中添加动画淡入淡出*/ @-webkit关键帧fadeIn{ 从{ 不透明度：0； } 到{ 不透明度：1； } } @关键帧淡入淡出{ 从{ 不透明度：0； } 到{ 不透明度：1； } } 流行语{ 显示：无； } .mfp隐藏{ 显示：无！重要； } .按钮{ 填充：20px 40px； 边框颜色：F3； 字号：17px； 字体大小：1.7rem； 字体系列：museo sans、Arial、Verdana； 字号：500； 边缘顶端：40px； 显示：内联块； } .按钮{ 边框：2个实心fcf； 颜色：000； 文本转换：大写； 过渡：所有0.15秒缓进缓出； } .button.fa{ 左边距：20px； } .按钮：悬停{ 背景色：07d； } * { 保证金：0； 填充：0； 边界：0； 大纲：无； } .内容{ 文本对齐：居中； }

---

//TypeError:$..放大弹出窗口不是函数。如果您想创建一个fiddle来玩，我可以检查一下您引用的是两个不同版本的jQuery。另外，我找不到videoLink的element.sonic。->我用脚本做了这样的游戏，当然，一切都很好，但不是在我的服务器端进行现场测试。大卫…关于视频链接元素。好的，正如我们知道的那样，我们用hashTag在HTML中标记id元素。然后JQuery和CSS将该元素作为hashTag读取，hashTag是HTML中的id。JQuery想要打开一个名为videoLink的«id»元素，它在脚本中可以找到-观看电影。所以，没有什么遗漏@大卫…->哦，我的上帝！刚刚在W3学校直播编辑器中进行了测试，它在那里工作。因此，我立即在我的服务器中对主脚本进行了更改，并在Live中对其进行了测试，结果成功了-Finnaly！：我是怎么做到的？我开始考虑我提到的JQuery的不同版本，就像你说的，我把它们混合了起来。删除了标签的底部before标签，并从我的脚本中删除了其他版本。“目标”实现了！提前谢谢老兄！