title: jquery isotope - firing layoutComplete callback only on initial load
body: <p>I am using the <a href="http://isotope.metafizzy.co/" rel="nofollow">Isotope Plugin</a>. I need to wait until the document has settled on a fixed height before firing a scroll method. This means I need to wait until Isotope has finished doing its thing. I have two calls to Isotope; once on the intial document load, and again to bind it to a click handler. I have got the callback to work.. but only on the click handler. However I need to bind it to the initial load, NOT the click-handler.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>var active          = $(".tour-filter li a").first();
  var defaultFilter   = active.data('filter');
  
  active.addClass('active');
  
      var container = $('.tour-list');
      container.isotope({
          filter: defaultFilter,   // I need to bind the 'layoutComplete' callback HERE, so it only fires once on the page load
          layoutMode: 'fitRows'
      });
  
  container.isotope( 'on', 'layoutComplete', function (isoInstance, laidOutItems){
      alert('done!');
  });
  
      $('.tour-filter a').click(function(){
          $('.tour-filter .active').removeClass('active');
          $(this).addClass('active');
  
          var selector = $(this).attr('data-filter');
  
          container.isotope({
              filter: selector,      // ...But it is binding itself here?
              layoutMode: 'fitRows'
           });
           return false;
      }); 
  </code></pre>
  
  <p>I am using Isotope version v2.1.0.</p>