performance - 单击链接时关闭 zurb Foundation 4 中的下拉菜单的最佳方法是什么？

Question

单击 zurb Foundation 4 下拉列表中的链接时，该链接不会关闭下拉列表。在整个站点系统地执行此操作的最佳方法是什么？

我创建了以下函数来解决这个问题。这是最好的方法，还是我错过了什么？

 $('.f-dropdown').click(function(){
     if ($(this).hasClass('open')) {
         $('span[data-dropdown="'+$(".f-dropdown").attr('id')+'"]').trigger('click');
     }
 });

Answer 1

您可能已经在自己的代码中更正了它，但如果您的网页上有多个下拉菜单，它会更好地工作：

$('.f-dropdown').click(function() {
    if ($(this).hasClass('open')) {
         $('span[data-dropdown="'+$(this).attr('id')+'"]').trigger('click');
     }
});

Answer 2

我使用它来更改 zurb Foundation 3.2.5 中页面中所有下拉按钮的行为。尚未在 4 中对其进行测试，但由于它是一种不同的方法，因此可以使用。

$(document).ready(function () {
        $('.button.dropdown').find('li').click(function () {
            $(this).parents('.button.dropdown')[0].click();
        });
    });

Answer 3

您还需要附加到下拉 ul 元素的 data-dropdown-content 属性。

参考：https ://github.com/zurb/foundation/issues/1831#issuecomment-15133817