javascript - 添加自定义 JavaScript 后功能将停止工作

Question

我是一个 JavaScript 初学者，我希望这里有人可以帮助我解决这个问题:

我已使用页眉和页脚插件将此 JavaScript 添加到页眉中:

<script src="https://ajax.googleapis.com/…/li…/jquery/3.4.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
});
</script>

<script>
$(document).ready(function(){
  $(".zavrit").click(function(){
    $(".panel").slideUp("slow");
  });
});
</script>

我将其定位到整个页面上带有联系表单的部分，因为我的客户希望在点击时显示它们。(我正在使用文本编辑器将带有短代码的部分添加到带有自定义类的 div 中)

该功能工作正常，但问题是，图像轮播灯箱功能停止正常工作，因为当您单击一个图像并想要滑动到另一个图像时，箭头不起作用。此外，您无法通过单击叠加层上的某处来关闭灯箱。

我确实是自定义代码的初学者，所以我可能只是犯了一些愚蠢的错误，你能帮忙吗？

页面网址:http://test.sbweb.cz

当我删除脚本时，轮播工作正常，是否有其他选项可以让脚本在单击按钮时执行？

Answer 1

我终于找到了使 elementor 功能与 jquery 脚本一起使用的解决方案，我只需删除脚本的“src”部分，现在一切正常。可能代码中某处有来自 elementor 的相同来源..