jquery - 以编程方式打开基础 zurb 下拉列表

Question

我正在使用基础下拉菜单构建购物车，因此我需要一种以编程方式打开下拉菜单的方法。 有什么办法吗？

我尝试过这个:

$(document).foundation('dropdown', 'open', ($('#top-bar-cart'), $('.top-bar-cart-link'));

这个:

Foundation.libs.dropdown.open($('#top-bar-cart'), $('.top-bar-cart-link'));

还有这个:

$('.dropdown-btn').trigger('click');

但到目前为止还没有成功。

编辑:

我想我发现了问题。 我正在使用点击事件中的代码来测试它，所以我需要这个:

e.stopImmediatePropagation();

使其发挥作用。 完整示例:

$('#button').click(function(e) {
  e.preventDefault();
  e.stopImmediatePropagation();

  // use this (most correct way, I think)
  Foundation.libs.dropdown.open($('#top-bar-cart'), $('.top-bar-cart-link'));
  // or this
  //('.top-bar-cart-link').trigger('click');
});

感谢您的评论!

Answer 1

尝试 $('.dropdown-btn').trigger('click.fndtn.dropdown') 而不是 .trigger('click') ...作为基金会为其事件命名空间。