Itay Banner ibanner
ibanner
/ masonry-alm.js
Created
December 21, 2016 10:31
This is what I'm trying to use now, but still I get the same layout in RTL as in LTR.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var x = document.getElementsByTagName("html")[0].getAttribute("dir"); | |
| jQuery(function() { | |
| var masonryInit = true; // set Masonry init flag | |
| jQuery.fn.almComplete = function(alm){ // Ajax Load More callback function | |
| if(jQuery('#masonry-grid').length){ | |
| var $container = jQuery('#masonry-grid ul'); // our container | |
| if(masonryInit){ | |
| // initialize Masonry only once | |
| masonryInit = false; |
ibanner
/ masonry-grid.js
Created
December 21, 2016 10:29
Before ALM, this is what I used and worked fine.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var x = document.getElementsByTagName("html")[0].getAttribute("dir"); | |
| // console.log(x); | |
| if ( x == 'rtl') { | |
| jQuery('.grid').masonry({ | |
| itemSelector: '.grid-item', | |
| columnWidth: '.grid-item', | |
| percentPosition: true, | |
| originLeft: false, | |
| resizesContainer: true |