添加自定义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

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