如何在单击jQuery SmartMenus中的顶级链接时打开子菜单

时间:2014-02-05 17:37:30

标签: jquery drop-down-menu menu

我正在使用jquery smartmenus用于网站,默认情况下插件会在用户悬停父项时显示子菜单,但是,我的父项没有内容并且单击它们应该以与我显示时相同的方式打开子菜单徘徊。

我查看了他们的网站http://vadikom.github.io/smartmenus/src/demo/,但我发现很难找到我想要的东西。

以前有人这样做过吗?我期待找到一个我可以通过的参数,但我迷失了。

谢谢

2 个答案:

答案 0 :(得分:3)

请参阅http://www.smartmenus.org/docs/

  

showOnClick 类型:布尔值   确定是否显示第一级子菜单而不是onmouseover - 即类似桌面应用程序上的下拉菜单。此选项仅适用于鼠标输入。

<强>用法:

<!-- SmartMenus jQuery init -->
<script type="text/javascript">
    $(function() {
        $('#main-menu').smartmenus({
            subMenusSubOffsetX: 1,
            subMenusSubOffsetY: -8,
            showOnClick:true
        });
    });
</script>

答案 1 :(得分:0)

我不认为这是个问题。如果我理解正确,webmedia希望菜单在单击具有子菜单的项目时不会实际触发单击事件。

他/她希望相反,子菜单显示单击某个项目的时间以及显示何时悬停。如果设置showOnClick:true,则不会在悬停时显示子菜单。

我有一个类似的问题,因为我不希望在单击菜单项时执行任何操作,但仅在它有子菜单时才需要。我如何实现这一点是通过获取项目值/文本和所有具有子菜单的项目以+字符开头,所以我忽略它们以及我处理的其他所有内容。悬停仍显示子菜单。