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

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

我尝试过这个:

$(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'); 
}); 

感谢您的评论!

请您参考如下方法:

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