Question

我有一个菜单，想要对Safari进行一些更改。一旦悬停在链接上，只有一个submenu可见。

我认为这可以使用$ this来完成，但不确定如何以及在何处编写它。

提前致谢。

$(function () {
if (navigator.userAgent.indexOf('Safari') !== -1 && navigator.userAgent.indexOf('Chrome') === -1) {
    $(".navbar .nav li").hover(function () {
        $('.navbar .nav li ul').css({
            'display': 'block',
            'opacity': '1',
            'visibility': 'visible'
        });
    }, function () {
        $(".navbar .nav li ul").css("display", "none");
    });
   }
});

JSFiddle

Answer 1

1）错过了添加jQuery库 2）这是this关键字有用的地方，因为每次引用类$('.navbar .nav li ul')时都会显示元素。

$(".navbar .nav li").hover(function () {
  $(this).find('ul').css({
      'display': 'block',
      'opacity': '1',
      'visibility': 'visible'
  });
}, function () {
  $(this).find('ul').css("display", "none");
});

试试这个fiddle

jQuery菜单下拉菜单

1 个答案: