【发布时间】：2014-07-23 15:40:26
【问题描述】：
我正在尝试制作一个悬停时带有滑动线的 Jquery 菜单。 我发现了一个名为 Magic Line 的功能，但如果我只将它应用于一个菜单，它就可以工作。 我需要用滑动线制作两个单独的菜单。 谁能告诉我怎么做？
这是我的代码。
menu #1 is B1, B2, B3.
menu #2 is IT / EN
谢谢！
【问题讨论】：
标签： jquery menu hover magicline
【发布时间】：2014-07-23 15:40:26
【问题描述】：
您的问题是，查看魔术线功能，只能存在一条“魔术线”。您需要更改函数的代码：
1. 将魔法线存储在数组对象中
2.查看数组对象存在多少行，然后使用magic-line+idNr
例如this.append("<li><a id='magic-line"+idNr+"'>&nbsp;</a></li>");
以及使用 id 的任何地方
之后，只需执行以下操作：
$('.nav_lang').my_magicline();
【讨论】：
-
谢谢你们！现在它可以工作了。我有最后一个问题。当您调整页面大小时，行和菜单按钮之间存在偏移，直到您刷新页面。有没有办法解决这个问题？谢谢！
-
尝试在调整大小时再次使用该行：$(window).on('resize', function() {jQuery(".nav").my_magicline();});它可能会起作用
已经解决了你的问题，你没有调用其他菜单的魔法线功能。如果你添加这个$(".nav_lang").my_magicline(); 就可以了。
这是工作的fiddle
【讨论】：