Использование jQuery для показа/скрытия: после псевдокласс

У меня есть панель div, посетителей-main, которая показывает результаты поиска. У меня есть набор фильтров выше. Я бы хотел показать полупрозрачную панель поверх результатов поиска, пока я получаю новые результаты через ajax.Использование jQuery для показа/скрытия: после псевдокласс

$('#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>

Но это не похоже на работу.

источник

2017-01-09 Chris

Вы не можете, псевдоэлемент не является частью dom и не доступен через jQuery, как рекомендуется, переключить класс на самом контейнере и позволить CSS позаботиться о себе;) –

Вы не можете. Вместо этого вы должны переключить класс на #visitors-main-panel, который вы используете в CSS для задания display псевдоэлементов.

источник

2017-01-09 22:03:05

Полезно упомянуть ваш источник на самом деле, используя Google это не способ ответить на вопросы здесь. m8: D http://stackoverflow.com/questions/11354270/jquery-and-hiding-after-before-pseudo-classes –

@RuslanAbuzant, где вы видели Google в этом ответе ? Этот ответ указывает на хорошую практику, mayb потребовалось немного больше объяснений, чтобы быть ressourcefull для OP –

Давайте не будем обсуждать, пожалуйста, вы просто скопировали ответ из моей цитируемой ссылки точно так, как ответил @TJ Vanholl 6 июля 2012 года 0:32. И я даже не проголосовал за ваш ответ так:) ps> Google 'jquery hide: after', нажать первую ссылку, скопировать-вставить принятый ответ .. это была ваша используемая техника. –

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

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

ps> Ваш селектор CSS имеет предложение как открытие и одну двойную кавычку в качестве закрытия, убедитесь, что вы используете либо кавычки, либо двойные кавычки.

ps2> Ваш CSS определяет класс, в котором ваш селектор jQuery пытается получить доступ к элементу по его идентификатору.

источник

2017-01-09 22:04:12

вам нужно настроить фрагмент или скрипку, чтобы продемонстрировать, что это работает;) –

Спасибо - я думаю, что, возможно, что-то неправильно понял - я сделал скрипку на https://jsfiddle.net/v5dfc6h6/ – Chris

Получил это - http: //stackoverflow.com/questions/8968992/jquery-and-pseudo-elements было очень полезно. Спасибо. – Chris

Использование jQuery для показа/скрытия: после псевдокласс

ответ

Смежные вопросы