title: Isotope sort callback function
body: <p>I am using Isotope jquery plugin to sort a number of files in a list by name or date. The isotope function runs perfectly, but I need to run a callback function after the sorting takes place and I can't figure out where to trigger it. </p>
  
  <p>Here is my isotope code so far:</p>
  
  <pre><code>function animationFinished() {
      $('#isotope-container a').each(function(index, element) {
          var top = parseInt($(element).css('top')); console.log(top);
      });
  }
  
  var $container = $('#isotope-container').isotope({
      getSortData: {
          name: '[title]',
          date: function( itemElem ) { // function
            var date = $( itemElem ).attr('year');
            return parseInt(date);
          }
      }
  });
  $('#sorting').change( function() {
      //console.log('click');
      var sortByValue = $(this).find('option:selected').attr('data-sort-by');
      $container.isotope({ sortBy: sortByValue });
  });
  </code></pre>
  
  <p>Here is a small example of the html it is sorting</p>
  
  <pre><code>&lt;div id="sorts" class="button-group"&gt;
    &lt;p&gt;Sort by:
    &lt;select id="sorting"&gt;
      &lt;option data-sort-by="name"&gt;Name&lt;/option&gt;
      &lt;option data-sort-by="date"&gt;Date&lt;/option&gt;
    &lt;/select&gt;&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div id="isotope-container"&gt;
  &lt;a title="Army Corps of Engineers" year="2009" href="/army-corp-of-engineers-tom-river-rehab-nj-2009/"&gt;Army Corp of Engineers&lt;/a&gt;
  &lt;a year="1999" title="Bolted Steel NSF Tank A6 &amp;amp; A7" href="/bolted-steel-nsf-tank-a6-a7-houston-1999/"&gt;Bolted Steel&lt;/a&gt;
  &lt;a year="1998" title="Brick Manhole Raven 405" href="/brick-manhole-raven-405-charleston-1998/"&gt;Brick Manhole&lt;/a&gt;
  &lt;a year="9999" title="Wetwell Vault Rehab" href="/wetwell-vault-rehab/"&gt;Wetwell Vault&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>