jquery-masonry

问题 I'm trying to use Jquery Masonry for my image gallery with infinite scrolling. Masonry is only working for the images in the route. But after pushing new image object to images array, the new image appears in the Dom but Masonry not working. I've seen Ember.js - jQuery-masonry + infinite scroll and tried but my code still not working. Image gallery route: App.ImggalleryRoute = Ember.Route.extend({ model: function(){ return { images: [ { name: "car", src_path: "0dbf51ac84e23bd64d652f94a8cc7a22

问题 I'm attempting to use jQuery Masonry in a project and it's not working properly: there's a gap in the top-right corner of the grid. I've tried adjusting the grid width and margins, which results in either one block per row or all blocks being run together (but still with a gap topright.) It doesn't actually look like the blocks are being rearranged at all, though Masonry is applying its class and assigning absolute positioning to the elements as expected. I was convinced that I was doing

问题 I am new to javascript and stuff and now I have a frustrating issue with masonry and infinite scroll on tumblr. I have read nearly all the forum questions about those issues but nothing solved my problem. So, I have a tumblr blog (http://jessman5.tumblr.com) and despite of using: //ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js http://masonry.desandro.com/jquery.masonry.min.js http://masonry.desandro.com/js/jquery.infinitescroll.min.js and this code: <script> $(function(){ var

问题 I'm trying to disable the annoying animation of the loading #infsrc-loading container. Take a look at the infinite scroll demo here http://masonry.desandro.com/demos/infinite-scroll.html. The first time the loading div appears it's static but after that when it loads more content is has an animation, like it appears from the bottom and grows. I want to disable this, but I couldn't find where this is being set. I tried disabling CSS transitions and $('#infsrc-loading').show() in the plugin's

问题 I'm trying to get infinite scrolling and masonry working in my ember project. The masonry 'bricks' are posts with text and an image. Currently I can get the first page to show on the initial load of the page and apply masonry (I still have to do a setTimeout though, trying to figure out how to get rid of that as well). I also have the basic infinite scroll code in. For now I'm simply grabbing the second page from the back end. When scrolled to the bottom of the page the second page of posts

问题 Masonry and imagesLoaded should be loaded and work correctly. A similar site has been made, and there it works correctly. I have no idea where my problem is, so I am hoping that you maybe see the problem. There should be something missing. In Chrome Inspect I get the following error: Uncaught TypeError: $(...).imagesLoaded is not a function By what I have understood this means that .imagesLoaded and Masonry should be correctly loaded? Else I would have recieved the error $container

问题 I am trying to create a graph view using containers. So if: [A's -> B's -> C's] the view would show an objects c inside of Bs which are inside of As. Something like this: I think a masonry view is perfect for this but I can't get the nesting to work right. Fiddle of what I have so far: http://jsfiddle.net/paulocoelho/5SxQ5/4/ I don't get why they are not alining. I also tried using CSS's column-count and column-gap but found the rendering to be extremely buggy. Fiddle code coz I must... var

问题 Using Twitter's embed code for single tweets causes a script called widget.js to be loaded. This script is responsible for dynamically generating the HTML of the tweet. Is there an event triggered by widget.js when the rendering of an embedded tweet is complete? How can my code find out that rendering is complete? I need this because I am trying to use jQuery Masonry to layout a set of tweets. Masonry fixes the container height for each tweet before the tweets are fully rendered, causing

问题 I am using ajax to refresh a div containing images. I use masonry to add layout initially. Then the ajax call returns a js that refreshes the div using the html() method. Now after it completes I am calling masonry('reloadItems') . But masonry loads all images onto one another. After a page resize it works. I tried manually triggering the page resize but it doesnt make masonry make the adjustments. JS: $('#timerange-select, #category_select').bind('change', function() { form=$('#images-filter

问题 I got Masonry to work in my AngularJS app using the angular-masonry directive but I want to be able to call a function or method in my controller that will trigger a reload of items in the container. I see in the source code (lines 101-104) there is a reload method but I'm not sure how to invoke that. Any ideas? Thanks! 回答1: In case it's of use to someone in the future, Passy watches for an event called masonry.reload. So, you can issue this event and Passy should call 'layout' on the masonry