基础顶部栏:在点击时切换下拉菜单而不是悬停

时间:2013-02-22 09:56:28

标签: javascript html css zurb-foundation

在Zurb Foundation的顶栏中,鼠标悬停时切换下拉菜单。是否有标准的方法来改变它,以便他们切换点击/触摸?

1 个答案:

答案 0 :(得分:0)

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

$(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