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

标签 jquery drop-down-menu menu

我在网站上使用jquery smartmenus,当用户将鼠标悬停在父项目上时,插件默认显示子菜单,但是,我的父项目没有内容,单击它们应该以与我时显示的方式相同的方式打开子菜单悬停。

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

以前有人这样做过吗?我本来希望找到一个可以传递的参数,但我在这里迷失了。

谢谢

最佳答案

引用http://www.smartmenus.org/docs/

showOnClick Type: Boolean Determines whether to show the first-level sub menus onclick instead of onmouseover - i.e. like drop-down menus on desktop applications. This option matters only for mouse input.

用法:

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

关于jquery - 单击 jQuery SmartMenus 中的顶级链接时如何打开子菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21584416/

相关文章:

javascript - Twitter Bootstrap - 自定义下拉菜单的最佳方式

javascript - Android Chrome 固定菜单弹出和弹出 url 消失

jquery - 悬停和点击事件在响应式菜单中重叠

javascript - 如何使用javascript来隐藏东西

jquery - 如何重新计算 Firefox 扩展中元素的样式

javascript - 成功渲染自定义指令后加载一些函数

javascript - 单击时的 CSS 动画

css - 在子菜单中创建纯 CSS 下拉子菜单的问题

javascript - 提交表单后重置 jQuery 输入字段字符倒计时

html - 在下拉菜单中居中 ul 或 li