Question

我有一个div，visitor-main-panel，显示搜索结果。我上面有一套过滤器。我希望在搜索结果的顶部显示一个半透明面板，同时我通过ajax获取新结果。

＆＃13;

$('#visitors-main-panel:after').hide();

＆＃13;

.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);
}

＆＃13;

<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>

＆＃13;

但这似乎不起作用。

Answer 1

你做不到。你应该做的是切换你在CSS中使用的#visitors-main-panel上的一个类来定位伪元素的display。

Answer 2

<style>
.uk-hidden { display: none; }
</style>

$('.visitors-main-panel:after').addClass('uk-hidden');

PS＆GT;您的CSS选择器将引号作为开头，并将一个双引号作为闭包，确保使用引号或双引号。

PS2＆GT;您的CSS定义了一个类，您的jQuery选择器正在尝试通过它的ID访问元素。

使用jQuery显示/隐藏：伪类之后

2 个答案: