javascript - Jquery 选择器的下拉菜单问题

Question

我有下拉菜单。在顶级项目中，鼠标悬停时将背景图像（胡萝卜指示器）应用于 href 标记。当光标位于子菜单项上时，我想在父 li href 项上保留或重置相同的背景图像。我是jQuery的新手，请帮忙！

我厌倦了跟随，但显然不知道我在做什么

$('ul.sub-menu').parent('li a').hover(
  function() {
    $(this).css('background-image','/wp-content/themes/wp-crumblemagazine/images    /bg/carrot.gif');
  }, function() {
$(this).css('background-image','none');
  });
   });
});

这是页面的网址

http://mec.staging.wpengine.com/

Answer 1

首先，您的选择器没有返回任何对象，所以它可能是错误的......其次，首先进入子菜单时我不会让箭头消失。+您还需要定位背景图像，而不仅仅是启用它。

但是......下面是一个带颜色的样本

jQuery('ul.sub-menu').parent().find('li>a').hover( function(){
    jQuery(this).parent().parent().parent().find("a.sf-with-ul").css('color','red');
},
function(){
    jQuery(this).parent().parent().parent().find("a.sf-with-ul").css('color','white');
}
);