jQuery-jKit
jQuery-jKit copied to clipboard
Filter issue
I am not able to get the filter to work. I have setup jkit as detailed under the installation "basics" and see it is loaded. I want to filter images in a gallery and have set up my html as follows:
<input type="text" title="Search Images" class="jkit-filter" placeholder="Search">
<div id="gallery" data-jkit="[filter:by=text;affected=a.loaded]">
<a href="test1.jpg" class="loaded" data-name="test1" ><img src="test1.jpg" title="test1" />Test1</a>
<a href="test2.jpg" class="loaded" data-name="test2" ><img src="test2.jpg" title="test2" />Test2</a>
</div>
I'm sure I'm missing something but can't figure it out!
Oops, I figured it out. Missed giving the filterable items a class of jkit-filter.
Can the filter be set for the data-name attribute in the above example?