A very simple wrapper for quicksand implementing basic css selector filtering
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
example.htm
jquery.quicksandfilter.js

README.md

quicksandfilter

A very simple wrapper for quicksand implementing basic css selector filtering

(Quicksand is the great work by razorjack, but if you're using it with inline or inline-block elements I suggest this fork which is compatible with inline elements that have separating whitespace)

    <button onclick="$('#container').quicksandfilter('')">All</button>
    <button onclick="$('#container').quicksandfilter('.a')">A</button>
    <button onclick="$('#container').quicksandfilter('.b')">B</button>
    <button onclick="$('#container').quicksandfilter('.c')">C</button>
    <button onclick="$('#container').quicksandfilter('.odd')">Odd</button>
    <button onclick="$('#container').quicksandfilter('.even')">Even</button>
    <ul id="container">
      <li class="a odd">a1</li>
      <li class="b even">b2</li>
      <li class="c odd">c3</li>
      <li class="a even">a4</li>
      <li class="b odd">b5</li>
      <li class="c even">c6</li>
      <li class="a odd">a7</li>
      <li class="b even">b8</li>
      <li class="c odd">c9</li>
      <li class="a even">a10</li>
    </ul>