jQuery show() 函数内联显示。如何？

Question

我有一些这样的代码，现在的问题是我想显示li显示内联 默认情况下它的显示 block ，我不太擅长jquery。 请帮忙..

$('ul:first',this).parent().find('> a').addClass('active');
$('ul:first',this).show();
}).on('mouseout',function(e){
$(this).parent().removeClass('expanded');
$('ul:first',this).parent().find('> a').removeClass('active');
$('ul:first', this).hide();

Answer 1

只需使用 CSS。根本不需要使用 JavaScript 来执行此操作，因为您已经切换了 .active 类，因此只需在 CSS 中添加:

ul a {
    display: none;
}

ul a.active {
    display: inline;
}

显然 ul a 是一个非常通用的选择器，您可能需要将其更具体地定位到您希望设置样式的元素。

当您的元素具有 .active 类时，它将被设置为 display: inline，否则它将被设置为 display: none >.

<小时/>

如果出于某种原因您不想在此处使用 CSS，您可以使用 jQuery's css() method相反，将 inline-block 添加到元素的 style 属性中:

$('ul:first', this).css({ display: 'inline' });