如何在弹出菜单上覆盖Weebly Javascript？

Question

默认情况下，Weebly会将jquery函数附加到它的子菜单中，隐藏子菜单并在用户悬停在父菜单元素上时显示它。

有没有人知道有没有办法防止这种情况发生？这都是在可配置的HTML/CSS/JavaScript项加载自定义页面模板之后执行的。

Weebly起初拒绝为自定义模板问题提供帮助。

此URL http://www.base.co/

当用户悬停在父菜单上时，左侧菜单上的子菜单会受到javascript函数的影响，显示为：none/block。

我想使子菜单始终显示在父菜单下面。

谢谢你。

=>编辑

来自Weebly Support：

“如果你想绕过现有的脚本，就需要删除（从代码中删除）当前创建的菜单，并且需要在代码中手动创建新的菜单。这是绕过内置脚本的唯一方法。”

..这就解释了为什么这个家伙想为Weebly做这个自动生成的边菜单，也许是用JavaScript或者jQuery

Answer 1

Weebly对这个问题提供了以下答案

你好,

该特定功能是使用在代码中应用于{menu}的大部分全局脚本创建的。

如果您想绕过现有的脚本，则需要删除（从代码中删除）当前已创建的菜单，并且需要在代码中手动创建新菜单。这是绕过内置脚本的唯一方法。

Answer 2

使用jQuery覆盖菜单锚上的'mouseover'事件：

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

<script>
$(document).ready(function(){
  $("ul.wsite-menu-default a").mouseover(function(){
    //your javascript code here
  });
});
</script>

或者在要覆盖特定菜单项的情况下：

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

<script>
$(document).ready(function(){
  $("ul.wsite-menu-default a:contains('Channels')").mouseover(function(){
    //your javascript code here
  });

  $("ul.wsite-menu-default a:contains('About')").mouseover(function(){
    //your javascript code here
  });
});
</script>