Hello,
I'm a former user of views_isotope and just tried this module on one of my sites.
I created a view and a sort block view,
All my image fields per node get shown, but they are all overlapping each other.
Also, there's no fancy loading animation like I used to know (images reorganizing after load).
When I resize my browser, it seems that isotope works as the layout goes from a 4 column to a 3 column layout.
On the java console, I don't have any bugs unless I enable ImagesLoaded.
With ImagesLoaded, I get the following:
imagesloaded.pkgd.min.js?o6p66i:7 Uncaught TypeError: h.Deferred is not a constructor, Line 7 column 1546
Any clues where I should search first ?
Config:
Drupal 7.43, isotope module 7.0-2.0
Isotope lib: v2.2.2 (and tried v3.0.0)
ImagesLoaded lib: v4.1.0
jQuery Update: v1.1.0
My CSS markup (standard 4 column):
.isotope-grid-sizer { width: 22%; }
.isotope-gutter-sizer { width: 4%; }
.isotope-element { width: 22%; height: 50px; }
.isotope-element.my-data-value { width: 48%; }
Thanks :)
Comments
Comment #2
paramnida CreditAttribution: paramnida commentedI'm having the same issue.
Comment #3
paramnida CreditAttribution: paramnida commentedThis solved it for me: https://www.drupal.org/node/2689917#comment-11091123. Or, at least, this solved the animation issue. I don't know about your other issue. Sounds like a CSS incompatiblity.
Comment #4
mccrodp CreditAttribution: mccrodp at X-Team commentedI got this issue earlier also, but seemed to disappear when I used jQuery 1.10 with jQuery Update. Please verify you see the same behaviour, where this error disappears. If so, it would be good to place a note about jQuery Update module and version 1.10 beside the imagesloaded plugin in the installation guide: https://www.drupal.org/node/2634162
Also, I just created an issue to try to get more information and improvement use of imagesloaded. If you have any input, please contribute: #2750957: Improve use of imagesloaded plugin
Comment #5
Chris Gillis CreditAttribution: Chris Gillis commentedThat definitely sounds like a jQuery version issue. imagesLoaded requires a minimum jQuery version of 1.9 (I've added that info to the installation instructions https://www.drupal.org/node/2634162). You mentioned that you are using v1.1.0 Did you mean 1.10? Please confirm which version of jQuery you are using... you can check the page you are on by going to the console in your browser and typing
jQuery.fn.jquery
.Comment #6
Chris Gillis CreditAttribution: Chris Gillis commented