展會上點擊

Question

我與組合（同位素）工作的多個元素另一格，我想下一步該怎麼做：

當我點擊一些類別的項目進行過濾，但我想，以紀念（把標籤上的一些元素）與另一個div的一些元素。而當我點擊另一個類別項目將被過濾和新的元素將具有與以前相同的div。

<ul> 
<li><a href="#" class="selected" data-filter="*">All</a></li> 
<li><a class="" href="#" data-filter=".category1">category1</a></li> 
<li><a class="" href="#" data-filter=".category2">category2</a></li> 
<li><a class="" href="#" data-filter=".category3">category3</a></li> 
<li><a class="" href="#" data-filter=".category4">category4</a></li> 
</ul> 

每個類別有幾個要素這樣

<figure class="portfolio-item four columns entry category1 category2 -item"> 
<div class="img-item"> 
<a href="link.html" > 
<img src="images/image.jpg" alt="" /> 
<span class="zoomex">&nbsp;</span> 
</a> 
</div> 
<figcaption> 
<h4> 
<a href="link.html">Name</a> 
</h4> 
</figcaption> 
</figure> 

，所以我想下一步該怎麼做 - 讓我們說你單擊4.類別所有的這一類項目被顯示，但我想最初的三到有明星（星的圖像）。現在，假設您單擊類別2，則會顯示類別2中的項目，但此類別的前三項中有明星

Answer 1

如果您的div不變，請將class添加到同一組元素中（即同一組），最初使用style="display:none"爲所有項目，當選擇一個類別時，將class切換爲display:block，這樣，您可以在div中顯示不同類別中的不同項目。

我假設，你的所有要素第一，如果不和你正在Ajax調用，您可以動態地分配一類的搜索結果