将 jquery 添加到 CSS 菜单答案

【问题标题】：Adding jquery to CSS menu将 jquery 添加到 CSS 菜单
【发布时间】：2013-04-13 22:18:12
【问题描述】：

我有一个需要 jquery 的 CSS 菜单。可悲的是，我很难弄清楚。下面是它的模型。当您将鼠标悬停在最顶部的菜单上时，将出现一个下拉菜单。使用 jquery，如果您将鼠标悬停在其他子链接上并打开它的孩子，第一个孩子应该打开它的孩子然后切换类。

Here is my fiddle: http://jsfiddle.net/ciancastillo/wtruM/

谢谢！

【问题讨论】：

标签： jquery html css menu onhover

【解决方案1】：

如果你想给一个 HTML 元素添加一个 jQuery 函数，使用 load()

 <script type="text/javascript">
     $('#idOfItem').load(function() {
          $("td").hover( 
               function () {
                    $(this).addClass("hover");
               }, 
               function () {
                    $(this).removeClass("hover");
          });
      });
 </script>

http://api.jquery.com/load-event/

如果您想绑定到整个类（例如 .dropdownItem），请使用不同的选择器：

 $('.dropdownItem').load(function() {
          //Your code here
      });

更多 jQuery 选择器：http://api.jquery.com/category/selectors/

添加或删除 CSS 类：http://api.jquery.com/removeClass/http://api.jquery.com/addClass/

【讨论】：

谢谢，但更具体地说，我只需要 jquery 代码。菜单已经在工作，但是如果它们悬停在另一个子链接 1 上，则会自动选择顶级菜单的第一个子项并更改类。
我不确定你的意思。
请看模型。当您将鼠标悬停在“LINK1”上时，将出现下拉菜单，其中第一个孩子已经突出显示。（底部模型）- 当您将鼠标悬停到另一个“子链接”时，第一个孩子的突出显示将转移到悬停的“抱歉造成混淆”。
你能看看我的小提琴吗？谢谢