使用jQuery顯示/隱藏：僞類後

我有一個顯示搜索結果的div，visitor-main-panel。我有一套上面的過濾器。我希望在搜索結果頂部顯示一個半透明面板，同時通過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

這是很好的其實也談不上源，採用谷歌是不是在這裏回答問題的方式m8：D http://stackoverflow.com/questions/11354270/jquery-and-hiding-after-before-pseudo-classes –

@RuslanAbuzant你在哪裏看到谷歌在這個答案？在一個良好的實踐中，這答案要點，MAYB需要多一點的解釋是ressourcefull爲OP –

讓我們不要爭論，請，你只是從我的引用鏈接而準確地複製粘貼的答案，因爲在上07月06日'12回答@TJ Vanholl 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選擇正試圖通過它的ID訪問的元素。

來源

2017-01-09 22:04:12

你應該建立一個片段或小提琴來證明它的工作原理;） –

謝謝你 - 我想我可能誤解的東西 - HTTP - 我在https://jsfiddle.net/v5dfc6h6/ – Chris

得到它做了一個小提琴： //stackoverflow.com/questions/8968992/jquery-and-pseudo-elements是非常有幫助的。謝謝。 – Chris

使用jQuery顯示/隱藏：僞類後

回答

相關問題