0

我需要在一页中使用两个幻灯片菜单，一个向下滑动，一个向上滑动，我正在使用 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”，并相应地更改了调用函数的其他代码）但我似乎无法让滑动工作（当它悬停时，没有任何反应）并且没有错误在我的错误控制台中。任何使这两个 js 一起工作的帮助或使两个上滑和下滑一起缠绕的任何解决方法都将不胜感激。

PS。我是一个 jQuery 新手。

4

1 回答 1

0

您不需要创建单独的文件。您需要做的就是definemenu使用新 ID拨打电话

如果你看一下definemenu功能

function(anchorid, menuid, revealtype)

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

因此，例如，当我想将鼠标悬停在“Show Me”上时，我想显示一个下拉菜单，我的代码将如下所示：

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

这是megamenu的基本设置。现在，如果您需要多个 megamenus，您需要做的就是更改 anchorid 和 menuid。

于 2012-04-03T23:21:55.117 回答