Filters Not Working

Looking at the source code...

<div class="isotope-element isotope-element-0  isotope-item" data-category="" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate(0px, 0px) scale(1); opacity: 1; ">
<div class="views-field views-field-title"> <span class="field-content"><a href="/images/life-hard" data-bitly-type="bitly_hover_card">Life is Hard</a></span> </div>
<div class="views-field views-field-field-picture"> <div class="field-content"><a href="/images/life-hard" data-bitly-type="bitly_hover_card"><img typeof="foaf:Image" src="http://www.codeofliving.com/sites/default/files/styles/mosaic/public/CodeofLiving-Images/life%20is%20hard.jpg" width="150" height="105" alt="Life is Hard" title="Life is Hard"></a></div> </div> </div>

The data-category="" is the issue. Because the data category is empty, all the items disappear when you click a filter. You need a taxonomy field in the grid view and it needs to be configured to use the div element with the isotope-filter class.

I tried the same but filter not working.
Its showing all the content in the begining and when if i click on any filter everything disappears.
As you said i tried using

It works.
Please uncheck the "Add default classes."

Thank you

spelling