jquery-masonry Questions

6

I want to load a Masonry view of some images but an error occurs: TypeError: $(...).masonry is not a function HTML Code: <div data-masonry-options="{"columnWidth": 105, &am...
Whimwham asked 4/9, 2015 at 13:2

8

Solved

I have a very strange problem in here: [Referral Link Removed]. The first row product items overlapped with the items in the second row. The masonry items are below the homepage above the footer....
Guthrey asked 17/9, 2013 at 11:59

6

Using Masonry on a catalog site. By default, the items displayed sort by date, then by part number. My images are varying height. The problem is, and correct me if I'm wrong, Masonry sets row 2, it...
Jasminejason asked 8/7, 2013 at 20:33

5

Solved

Masonry worked fine with the text direction from LTR (Left-To-Right). Now I want to use masonry with the text direction RTL (Right-To-Left [Middle eastern languages such as Hebrew and Arabic are wr...
Phony asked 11/2, 2014 at 12:58

9

Solved

I am trying to the get my head around this for quite some time now: Is it possible to create a pinterest Layout with Twitter Bootstrap only? I know there are jQuery Plugins like Masonry, but is th...
Electrodynamometer asked 24/9, 2012 at 18:16

3

Solved

How can I get masonry to respect more of the original item order here? I would like the order to be dolphins, fish, invertebrates, pinnipeds: var $container = jQuery('.tax-product_cat #content'); ...
Lilla asked 13/7, 2012 at 0:53

5

Solved

I have an isotope-item that will grow in height when somebody comments inside of it. When it grows, how do I tell the main isotope container to grow with it? Right now what is happening is, as the ...
Leisaleiser asked 28/9, 2012 at 22:55

6

I have been trying to piece together masonry and moo tools lazyload however they both dont seem to go very well together although it possibly could just be because I am slightly useless at coding! ...
Brevity asked 10/4, 2012 at 20:52

5

RequireJS newbie here. Trying to convert some JQuery code I had working fine in the old way to work w/ RequireJS. Header of my page loads three JS files via script tags -- require.js itself, my re...
Heptad asked 18/8, 2013 at 3:41

3

Good staff is as follows, when the page finishes loading, masonry failure and I do not know why, but I found a method that is masonry.reload. This method works sometimes, I wonder why. var $cont...
Sundog asked 5/2, 2014 at 0:47

1

Solved

I am trying to use this npm package https://www.npmjs.com/package/masonry-layout As per install instruction I ran: npm install masonry-layout --save Then in my file, import '../../../node_modu...
Fanestil asked 12/2, 2018 at 13:30

5

I know how to use masonry.js apart from vue. However, I'm having issue getting it to function and be called correctly inside of the vue framework. I called it inside of the created or ready but nei...
Rasp asked 25/6, 2016 at 14:40

4

Solved

I have followed the documentation exactly and the layout complete event isn't working. Example can be seen here: http://jsfiddle.net/9464buy5/ <div id="items"> <div class="item"><...
Papen asked 10/12, 2014 at 12:0

13

Solved

I am trying to use some ajax and the jQuery Masonry plugin to add some items - but for some reason the new items aren't getting the masonry applied ? I'm using jQuery.ajax({ type: "POST", url: ...
Tasty asked 4/1, 2012 at 4:54

3

Solved

I'm a js newbie and hope this questions doesn't seem too stupid. I'm using masonry for my site - works fine. I wanted to let my boxes appear just when masonry finished loading. Searching in the in...
Slowworm asked 12/12, 2013 at 11:31

2

Solved

When my page load first time masonry overlaps images, and if i refresh page it start work fine. i dnt have any idea what i did wrong. my page link is this www.bhinderblink.com <script type="tex...
Dedededen asked 30/12, 2012 at 8:38

12

Solved

It seems that when I try to load the page, all the images are stacked on top of one another. But if you were to click a link which takes you to the same page (like the home link) then masonry kicks...
Laborsaving asked 19/9, 2011 at 20:6

1

Solved

masonry infinite scroll append html5 videos overlapping i am currently using imagesLoaded library which checks whether images are loaded then calls masonry. But it was not working with html5 vide...
Testaceous asked 7/8, 2016 at 5:1

2

Hello everyone and I hope you're doing well. I am using Isotope and below you can see the JavaScript that I have written. I find it impossible to center li elements if they are the Isotope elements...
Thermosphere asked 29/7, 2016 at 8:5

2

So I'm trying to achieve a continuous loop effect on a page that contains a masonry grid. Basically I have a full page masonry grid that I want to loop on scroll up or down. Currently I have this...
Shon asked 4/5, 2016 at 20:3

1

Solved

I want to sort my products in the list.phtml, I want to have one big product in the right, I want to be like in this image. My HTML code is like this: <ul class="products-grid row four-colum...
Segregationist asked 20/4, 2016 at 13:40

3

Been working with the new version of Masonry which seems to work much smoother, especially for the fluid/responsive build I am doing. One issue I have encountered, however - I am not sure how to r...
Loretaloretta asked 30/7, 2013 at 12:19

1

I have set up masonry to display items as such: $('#list').masonry({ itemSelector: '.propitem', columnWidth: 230 }); This works, but all items (.propitem) float to the left. For example if my ...
Ruddie asked 30/1, 2016 at 2:5

3

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 containe...
Addi asked 17/5, 2014 at 10:27

1

In my angular app, I'm using ui-sortable to sort an <ul>. The elements itself are resizable. This is similar to the setup I have: And I would like that "4" and "5" use the space on top o...
Birdsall asked 6/5, 2015 at 18:43

© 2022 - 2024 — McMap. All rights reserved.