site.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. var $cards = $('#items .full-works');
  2. var $card = $('#items .card');
  3. var $cat = $('.cat-list .cat a');
  4. function masonry() {
  5. var $grid = $cards.masonry({
  6. itemSelector: '.card',
  7. columnWidth: '.card',
  8. percentPosition: true,
  9. transitionDuration: '0.2s'
  10. });
  11. $grid.imagesLoaded().progress( function() {
  12. $grid.masonry();
  13. });
  14. }
  15. function isotype() {
  16. var $grid = $cards.isotope({
  17. itemSelector: '.card',
  18. layoutMode: 'fitRows'
  19. });
  20. $cat.on( 'click', function(e) {
  21. e.preventDefault();
  22. var filterValue = $( this ).attr('data-filter');
  23. filterValue = filterFns[ filterValue ] || filterValue;
  24. $grid.isotope({ filter: filterValue });
  25. });
  26. }
  27. function card(){
  28. var $item = $('.card')
  29. console.log($item);
  30. }
  31. function ajax() {
  32. var form = $('#ajax-test-form');
  33. form.submit(function(e) {
  34. // prevent form submission
  35. e.preventDefault();
  36. // submit the form via Ajax
  37. $.ajax({
  38. url: form.attr('action'),
  39. type: form.attr('method'),
  40. dataType: 'html',
  41. data: form.serialize(),
  42. success: function(result) {
  43. // Inject the result in the HTML
  44. $('#form-result').html(result);
  45. }
  46. });
  47. });
  48. }
  49. jQuery(document).ready(function($){
  50. masonry();
  51. // card();
  52. // ajax();
  53. // isotype();
  54. });