jquery masonry + waypoint에서 애니메이션을 해제 할 수 없습니다.

Question

스크롤이 잘 작동하지만 애니메이션을 제거하고 싶습니다.

나는 모든 권장 해결책을 시도했다. 하나는 여기에 언급 된 http://desandro.github.io/masonry/docs/animating.html하지만 아무것도 작동하지 않습니다. 벽돌에 대한

코드 : waypoints-infinite.js에 대한

<script src="{{asset('js/vendor/masonry.pkgd.min.js')}}"></script> 
<script src="{{asset('js/vendor/waypoints.min.js')}}"></script> 
<script src="{{asset('js/vendor/waypoints-infinite.js')}}"></script> 
<script> 
    $(window).load(function() { 
     /*var container = $('.infinite-container');*/ 
     var container = $('.infinite-container').masonry({ 
      // options... 
      itemSelector: '.wish-box', 
      isAnimated: false, 
      animated: false, 
      }); 

     $('.infinite-container').waypoint('infinite', { 
      container: 'auto', 
      items: '.wish-box', 
      more: '.infinite-more-link', 
      offset: 'bottom-in-view', 
      loadingClass: 'infinite-loading', 
      onBeforePageLoad: $.noop, 
      animate: false, 
      onAfterPageLoad: function() { 
       try { 
        container.masonry('reloadItems'); 
        container.masonry('layout'); 
       } catch (err) { 
        alert(err.message); 
       } 
      } 
     }); 
    }); 
</script> 

코드 : 애니메이션 거짓, :

// Generated by CoffeeScript 1.6.2 
/* 
Infinite Scroll Shortcut for jQuery Waypoints - v2.0.5 
Copyright (c) 2011-2014 Caleb Troughton 
Licensed under the MIT license. 
https://github.com/imakewebthings/jquery-waypoints/blob/master/licenses.txt 
*/ 

var current_uri = window.location.pathname; 

(function() { 
    (function(root, factory) { 
    if (typeof define === 'function' && define.amd) { 
     return define(['jquery', 'waypoints'], factory); 
    } else { 
     return factory(root.jQuery); 
    } 
    })(window, function($) { 
    var defaults; 

    defaults = { 
     container: 'auto', 
     items: '.infinite-item', 
     more: '.infinite-more-link', 
     offset: 'bottom-in-view', 
     loadingClass: 'infinite-loading', 
     onBeforePageLoad: $.noop, 
     onAfterPageLoad: $.noop 
    }; 
    return $.waypoints('extendFn', 'infinite', function(options) { 
     var $container, opts; 

     opts = $.extend({}, $.fn.waypoint.defaults, defaults, options); 
     if ($(opts.more).length === 0) { 
     return this; 
     } 
     $container = opts.container === 'auto' ? this : $(opts.container); 
     opts.handler = function(direction) { 
     var $this; 

     if (direction === 'down' || direction === 'right') { 
      $this = $(this); 
      opts.onBeforePageLoad(); 
      $this.waypoint('destroy'); 
      $container.addClass(opts.loadingClass); 
      return $.get($(opts.more).attr('href'), function(data) { 
      var $data, $more, $newMore, fn; 

      $data = $($.parseHTML(data)); 
      $more = $(opts.more); 
      $newMore = $data.find(opts.more); 
      //append for wishes and prepend for messages 
      if(current_uri.indexOf("messages") !== -1) { 
       $container.prepend($data.find(opts.items)); 
      } else { 
       $container.append($data.find(opts.items)); 
      } 
      $container.removeClass(opts.loadingClass); 
      if ($newMore.length) { 
       $more.replaceWith($newMore); 
       fn = function() { 
       return $this.waypoint(opts); 
       }; 
       setTimeout(fn, 0); 
      } else { 
       $more.remove(); 
      } 
      return opts.onAfterPageLoad(); 
      }); 
     } 
     }; 
     return this.waypoint(opts); 
    }); 
    }); 

}).call(this); 

Answer 1

너무 isAnimated 제거 애니메이션 옵션을 사용하고 계신 벽돌 V3처럼 보이는 거짓은 없습니다 관련된. 이것을 사용할 수 있습니다 :

var container = $('.infinite-container').masonry({ 
     // options... 
     itemSelector: '.wish-box', 
     transitionDuration: 0 
     });