javascript - Foundation 6 DropdownMenu 事件未触发

标签 javascript zurb-foundation zurb-foundation-6

我试图在打开下拉菜单时触发动画,但是,我似乎无法附加事件监听器。尽管我可以看到下拉列表中的类发生变化,但以下代码未触发。

$('[data-submenu]').on('show.zf.dropdownMenu', function() {
    console.log('open');
});

这是一支笔http://codepen.io/thezenmonkey/pen/PGXVRV

最佳答案

当前版本的文档中存在错误。文档需要附加监听器,事件名称错误。

$(document).on('show.zf.dropdownmenu', function(ev, $el) {
    console.log('open');
});

关于javascript - Foundation 6 DropdownMenu 事件未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40179081/

相关文章:

javascript - 我可以将构造函数的原型(prototype)方法绑定(bind)到构造的实例,同时保持关注点分离吗?

javascript - JQuery/JavaScript : Why does function mess up array outside function?

CSS3 阴影效果不适用于 zurb 基础

html - Foundation 6 网格列始终为 100% 宽度

Gulp-sass 没有正确编译 Foundation 6

javascript - 如何使用 ZURB css 在输入中添加十字标记以清除文本?

css - Foundation 6 下拉菜单太宽

javascript - 移动/触摸时显示导航栏

javascript - 如何将参数传递给 Node js 中的函数

css - 字体渲染和 :before in firefox