Question

基本上，当有搜索结果时，正文会获得一个名为.have-results的类。如果没有结果（body没有类），我会显示一个div而不是搜索结果：

body {
    .pointer {
        display: block;
    }
    #results-number {
        display: none;
    }
}

body.have-results {
    .pointer {
        display: none !important;
    }
    #results-number {
        display: block !important;
    }
}

我希望div能够在淡入淡出的动画中出现并在淡出动画中消失。如何使用现有的css实现这一目标？

Answer 1

我发现你对这个街区的重要风格有疑问。

将此代码放在搜索结果初始化之后：

if ($('body').hasClass('have-results')) {
  $('.pointer').fadeOut();
}
else {
  $('.pointer').css({display:'block !important', opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0}, 1000);
}

代码：http://jsfiddle.net/AMM2N/1/

为div显示淡入和淡出jQuery动画，根据body类显示块和无？

1 个答案: