javascript - 基础顶栏 : Toggle drop-down on click instead of hover

Question

在 Zurb Foundation 顶部栏中，下拉菜单在鼠标悬停时切换。是否有标准方法来更改此设置，以便他们改为在点击/触摸时切换？

Answer 1

要完成此行为，我所要做的就是在点击时添加交互:

$(function(){

    $("li.has-dropdown").click(function(e){
        $('.dropdown').toggleClass('changed');
        return false;  
    });
});

并像这样添加了一个“改变的”css类:

.changed {display:block !important;visibility:visible !important}

取自:https://groups.google.com/forum/#!topic/foundation-framework-/H3mqyv1_llo