如何在一页中使用jkmegamenu两次，一次用于Slidedown，另一次用于Slideup

Question

我需要在一个页面中使用两个slidemenu，一个向下滑动，一个向上滑动，我使用的是jkmegamenu，但我不知道如何使用同一个插件两次，只是顶部位置有一个小的变化，所以我创建了两个.js文件，如下所示：

<script type='text/javascript' src='script/jquery-1.5.1.min.js'></script>   
<script type='text/javascript' src='script/jkmegamenu.js'></script>
<script type='text/javascript' src='script/jkmegamenuup.js'></script>
<script type="text/javascript">
    jkmegamenu.definemenu("mega-product-trigger", "mega-product", "mouseover");
    jkmegamenuup.definemenuup("mega-product-bottom-trigger", "mega-product-bottom", "mouseover");
</script>

我还将全局变量名从更改为

var jkmegamenu={..content here..} to var jkmegamenuup={..content here..}

并更改了函数名称（我为每个函数名称添加了单词"up"，并相应地更改了调用函数的其他代码），但我似乎无法使slideup正常工作（当它悬停时，什么都没有发生），而且我的错误控制台中也没有错误。任何有助于使两个js一起工作的方法，或任何使两个滑动和向下滑动一起受伤的变通方法，都将不胜感激。

PS。我是jQuery的新手。

Answer 1

您不需要创建以分离文件。您所需要做的就是使用新ID 呼叫definemenu

如果您查看definemenu函数

function(anchorid, menuid, revealtype)

anchorid是您希望鼠标悬停事件所在的元素的id，用于显示菜单下拉菜单。menuid是要在悬停在锚点上时显示的元素的id。revealtype可以点击或鼠标悬停在上

例如当我想悬停在"显示我"上时，我想显示一个下拉菜单，我的代码看起来像：

<div id="anchorid">Show Me
<div id="menuid">
Content for the drop down
</div>
</div>

这是大菜单的基本设置。现在，如果你需要多个大菜单，你所需要做的就是更改anchorid和menuid。