使用jQuery显示/隐藏:after伪类

克里斯

我有一个divs,visitors-main-panel,它显示搜索结果。我上面有一组过滤器。我想通过ajax提取新结果时,在搜索结果上方显示一个半透明的面板。

$('#visitors-main-panel:after').hide();
.visitors-main-panel {
  position: relative;
}
.visitors-main-panel:after {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-sm-9 visitors-main-panel">
  Initial search results
</div>

但这似乎不起作用。

迈克尔·科克

你不能 相反,您应该做的是#visitors-main-panel在CSS中使用的类上切换一个display伪元素为目标的类。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章