Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Apr 29th, 2012  |  syntax: None  |  size: 0.86 KB  |  hits: 26  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Multiple instances of Isotope on on page?
  2. <div class='setA'>
  3.  <div class='itemA' data-title='xxx'>xxx</div>
  4.  <div class='itemA' data-title='xxx'>xxx</div>
  5. </div>
  6. <div class='setA second'>
  7.  <div class='itemA' data-title='xxx'>xxx</div>
  8.  <div class='itemA' data-title='xxx'>xxx</div>
  9. </div>
  10. <div class='setB'>
  11.  <div class='itemB' data-points='xxx'>xxx</div>
  12.  <div class='itemB' data-points='xxx'>xxx</div>
  13. </div>
  14.  
  15. <script>
  16. $('.setA').isotope({
  17.     itemSelector: '.itemA',
  18.     getSortData: {
  19.         alphabetical: function( item ) {
  20.             return item.attr('data-title');
  21.         },
  22.         somethingelse: function( item ) {}
  23.     }
  24. });
  25. $('.setB').isotope({
  26.     itemSelector: '.itemB',
  27.     getSortData: {
  28.         points: function( item ) {
  29.             return parseInt(item.attr('data-points'));
  30.         },
  31.         somethingelse: function( item ) {}
  32.     }
  33. });
  34. </script>
create a new version of this paste RAW Paste Data