同位素过滤器 - 防止“选定”类别加载所有图像

Question

我已尝试过Stack Overflow上的建议修复，但似乎无法解决我的问题。我正在尝试获取“选定”类别，以防止在页面加载时加载所有图像。我试图删除“显示所有”行，但这没有帮助。我相信这是一个js问题。

这是我的html和js：

HTML：

<div id="isotope-options">
<ul id="isotope-filters" class="clearfix">
    <li><a href="#" data-filter="*">Show All</a></li>
    <li><a href="#" data-filter=".isotope-filter2"   class="selected">Recital Photos</a></li> 
    <li><a href="#" data-filter=".isotope-filter1">Home Photos</a></li>
    <li><a href="#" data-filter=".isotope-filter3">Recital   Videos</a></li>    
</ul>            
</div>

JS：

我无法在这里安装所有的js，所以这是一个链接： isotope filter js

以下是您要求的代码：

<li class="span3 isotope-element isotope-filter2">
    <div class="thumb-isotope">
        <div class="thumbnail clearfix">
            <a href="gallery_images/recital_pics/1pm hippie group.jpg">
                <div class="banner_inner">
                <div class="banner_inner2">
                <figure>
                    <img src="gallery_images/recital_pics/1pm hippie group - sm.jpg" alt=""><em></em>
                </figure>
                <div class="caption">                           
                    Group 1
                </div>
                </div>  
                </div>
                <img src="images/banner_shadow.png" alt="" class="banner_shadow">   
            </a>                
        </div>
    </div>
</li>