Question

我有下拉菜单。在顶级项目中，鼠标悬停时应用于href标记的背景图像（Carrot指示符）。当光标在子菜单项上时，我想在父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');
}
);

Jquery选择器问题与下拉列表

1 个答案: