使用jQuery-menu-aim

前端之家收集整理的这篇文章主要介绍了使用jQuery-menu-aim前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我刚刚发现:http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown,我想在我的网站上实现它,但坦率地说我不知道​​如何.

我阅读了文档,内容如下:

> https://github.com/kamens/jQuery-menu-aim

但我不知道该怎么做.

这个jQuery代码应该在< script>的index.html页面上吗?标签

另外,我知道我应该这样使用它:

$("#menu").menuAim({
    activate: $.noop,// fired on row activation
    deactivate: $.noop,// fired on row deactivation
});

但我怎么知道我应该使用哪个班级?

我的菜单代码如下:

 

最佳答案
这只是我放在一起的演示代码,因为我无法在嵌套时让我的标记工作.我不得不将subnav项目放在另一个框中.

http://codepen.io/mikevoermans/pen/EtKxp

HTML

JS

$("#main_nav").menuAim({
    activate: function(a){
        var idx = $(a).index();
        $('#flyouts ul').eq(idx).show();
    },// fired on row activation
    deactivate: function(a){
        var idx = $(a).index();
        $('#flyouts ul').eq(idx).hide();

    }  // fired on row deactivation
});
原文链接:https://www.f2er.com/jquery/428381.html

猜你在找的jQuery相关文章