jquery - 将 jquery 添加到 CSS 菜单

Question

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

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

谢谢！

Answer 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/