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

【问题标题】：Avoid drop-down in some items on Codrops horizontal drop-down menu script避免在 Codrops 水平下拉菜单脚本的某些项目中下拉
【发布时间】：2013-05-20 14:22:47
【问题描述】：

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 原文：http://jsfiddle.net/xC47v/1/

JSfiddle 我的 Mod：http://jsfiddle.net/xC47v/2/（在主链接之间单击不会关闭子菜单。）

【问题讨论】：

请提供一个 jsFiddle 来显示您的问题

标签： jquery drop-down-menu

【解决方案1】：

我通过反复试验得到了它

刚刚在<a> 标签上添加了类，而不是<li> 标签。

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

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

它运行良好。

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

【讨论】：