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中）

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

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

页面URL：http://test.sbweb.cz

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

Answer 1

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

添加自定义JavaScript后，功能停止工作

1 个答案: