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

Question

Codrops 脚本：

http://tympanus.net/codrops/2013/03/05/horizo​​ntal-drop-down-menu/

如何使菜单中的某些选定项目成为标准行为链接？

例如菜单：主页 | 分类 | 联系方式 | 作者

我只想将类别和作者设为“可下拉”。

<li>我试图在我想要“dropdownable”的项目上插入一个 .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">

.removeClass( 'cbp-hropen' );并将jquery 脚本上的所有内容替换为

.removeClass().addClass('cbp-dropdown')

它几乎运作良好。更改“标签”时，关闭功能不起作用。

正确的方法是如何做到这一点的？

原始演示：http ://tympanus.net/Blueprints/Horizo​​ntalDropDownMenu/

JSfiddle 原文：http: //jsfiddle.net/xC47v/1/

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

Answer 1

我通过反复试验得到了它

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

喜欢：<a href="#" class="dropdown">Freeware</a>

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

它运作良好。

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