Skip to content

Instantly share code, notes, and snippets.

@bulbul84
Created November 13, 2015 17:57
Show Gist options
  • Save bulbul84/bd054c4c2a1ad2c8838d to your computer and use it in GitHub Desktop.
Save bulbul84/bd054c4c2a1ad2c8838d to your computer and use it in GitHub Desktop.
How to use or solve isotop hidden problem or not showing issue
/* write isotop jquery script on your .html page and use $(window).load(function () {}); function like below */
<script>
$(window).load(function () {
// our lasest project
$('.grid').isotope({
itemSelector: '.grid-item',
percentPosition: true,
masonry: {
columnWidth: 3,
gutter: 30
}
});
$('ul.filter li').click(function(){
$("ul.filter li").removeClass("active");
$(this).addClass("active");
var selector = $(this).attr('data-filter');
$(".grid").isotope({
filter: selector,
animationOptions: {
duration: 750,
easing: 'linear',
queue: false,
}
});
return false;
});
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment