javascript - 如何覆盖弹出菜单上的 Weebly Javascript？

Question

默认情况下，Weebly 似乎会向其子菜单附加一个 jquery 函数，以隐藏子菜单并在用户将鼠标悬停在父菜单元素上时显示子菜单。

有谁知道是否有办法防止这种情况发生？这一切都是在使用自定义页面模板加载可配置的 html/css/javascript 项目后执行的。

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

此网址 http://www.base.co/

左侧菜单上的子菜单受 JavaScript 函数影响，当用户将鼠标悬停在父菜单上时，显示:无/阻止。

我想让子菜单始终显示在父菜单下方。

先谢谢了。

=> 编辑

来自 Weebly 支持:

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

..这可以解释为什么这个人想这样做 Auto-Generated Side Menu for Weebly, perhaps with JavaScript or jQuery

Answer 1

使用 jQuery 覆盖菜单 anchor 上的“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>