---
title: no items01
layout: demo
category: tests
---

  <section id="copy">
    <p>What happens when there are no items for Isotope? If no items match `itemSelector`, container collapses.  Plugin still <code>return this</code>.</p>
  </section>

  <div id="container">
    {% for element in site.elements limit:20 %}
      {% include element-partial.html %}
    {% endfor %}
  </div> <!-- #container -->

  <script src="../{{ site.jquery_js }}"></script>
  <script src="../{{ site.isotope_js }}"></script>
  <script>
    $(function(){
    
      var $container = $('#container');
    
      $container.isotope({
        itemSelector: '.foo'
      }).css('border', '10px solid');
    
    });
  </script>