避免在Codrops水平下拉菜单脚本中的某些项目中下拉

时间:2013-05-20 14:22:48

标签: jquery drop-down-menu

Codrops剧本:

http://tympanus.net/codrops/2013/03/05/horizontal-drop-down-menu/

如何从菜单中选择一些标准行为链接?

例如菜单:主页|分类|联系|著者

我只想让类别和作者“可以下载”。

我试图在<li>上插入一个类.drop-down,我想让'可下载'。

<nav id="cbp-hrmenu" class="cbp-hrmenu">
    <ul>
    <li><a href="index.php">Home</a></li>
    <li class="cbp-dropdown"> //added class here
            <a href="#">Categories</a>
            <div class="cbp-hrsub">

替换了jquery脚本上的所有.removeClass( 'cbp-hropen' );
.removeClass().addClass('cbp-dropdown')

它几乎运作良好。交替使用'标签'时,关闭功能不起作用。

如何正确地做到这一点?

原创演示:http://tympanus.net/Blueprints/HorizontalDropDownMenu/

JSfiddle Original:http://jsfiddle.net/xC47v/1/

JSfiddle My Mod:http://jsfiddle.net/xC47v/2/(在主链接之间点击不会关闭子菜单。)

1 个答案:

答案 0 :(得分:0)

我通过反复试验获得了

只需在<a>代码上添加课程,而不是<li>代码。

赞:<a href="#" class="dropdown">Freeware</a>

在jquery脚本上,将行修改为$menuItems = $listItems.children( 'a.dropdown' ),

运作良好。

JSFiddle:http://jsfiddle.net/xC47v/3/