Question

我有一个问题可以以某种方式禁用特定类或在无序列表中启用一个是我的代码

<section>
    <ul class="portfolio_filters">
        <li><a href="#" data-filter="*">show all</a></li>
        <li><a href="#" data-filter=".new">New Logos</a></li>                                          <!--lightbox2-->
        <li><a href="#" data-filter=".black ">Black & White</a></li>                            <!--lightbox3-->
        <li><a href="#" data-filter=".industrial">Industrial</a></li>                            <!--lightbox3-->
        <li><a href="#" data-filter=".mix">Mix</a></li>                                           <!--lightbox4-->
         </ul>
</section>

例如，如果我想在此列表中禁用类灯箱

<li><a href="#" data-filter=".black ">Black & White</a></li>

我将此链接到该列表

<div class="black col-sm-4 col-md-4">
    <div class="portfolio_item"> <a href="images/portfolio/gcgarage.jpg" class="lightbox lightbox3 "> <img src="images/portfolio/gcgarage.jpg" alt="Automotive & Luxury">
        <div class="overlay">
            <div class="desc">
                <h4>Garage Carrosserie Perle du Lac</h4><p>
                <span class="cross"></span> </div>
            </div>
     </a> </div>
</div>

如何制作它，以便如果我点击黑白名单，所有带有2个班级的项目将失去他们的第2课（我想要），并且将使用我想要的过滤课程而不必将灯箱类移除到我的图片？

Answer 1

选择具有黑色OR白色类的项目：

<li><a href="#" data-filter=".black, .white">Black OR White</a></li>

选择具有黑白色类的项目：

<li><a href="#" data-filter=".black.white">Black & White</a></li>

如何在ul中禁用或添加特定类？

1 个答案: