Note that there are some explanatory texts on larger screens.

plurals
  1. POForeach checked checkbox do quicksand jquery plugin
    primarykey
    data
    text
    <p>Based on <a href="http://tutorialzine.com/2011/06/beautiful-portfolio-html5-jquery/" rel="nofollow">http://tutorialzine.com/2011/06/beautiful-portfolio-html5-jquery/</a> tutorial I am trying to implement a sort function to my app.</p> <p>The problem:</p> <p>I have the items that I will sort later with quicksand jquery plugin in this format:</p> <pre><code>&lt;ul&gt; &lt;li class="car"&gt;Audi A6&lt;/li&gt; &lt;li class="car"&gt;Audi A8&lt;/li&gt; &lt;li class="car"&gt;BMW 328Ci&lt;/li&gt; &lt;li class="hobby"&gt;Skying&lt;/li&gt; &lt;li class="hobby"&gt;Skating&lt;/li&gt; &lt;li class="hobby"&gt;Running&lt;/li&gt; &lt;li class="food"&gt;Pizza&lt;/li&gt; &lt;li class="food"&gt;Salat&lt;/li&gt; &lt;li class="food"&gt;Chicken&lt;/li&gt; &lt;/ul&gt; </code></pre> <p>and then I have 3 checkboxes to be used to sort what to show and what to not:</p> <pre><code> &lt;ul id="filter_sources"&gt; &lt;li&gt;&lt;input type="checkbox" id="source" value="car" /&gt;car&lt;/li&gt; &lt;li&gt;&lt;input type="checkbox" id="source" value="hobby" /&gt;hobby&lt;/li&gt; &lt;li&gt;&lt;input type="checkbox" id="source" value="food" /&gt;food&lt;/li&gt; &lt;/ul&gt; </code></pre> <p>What I want to do is that for each checked checkbox run the quicksand plugin and show the checked boxes, so if the <strong>car</strong> and <strong>hobby</strong> checkboxes are checked to show car and hobby lists</p> <p>I am asking this because in the tutorial they do it this way:</p> <pre><code>$('#filter_sources').live('click',function(e){ var link = $(this); link.addClass('active').siblings().removeClass('active'); // Using the Quicksand plugin to animate the li items. // It uses data('list') defined by our createList function: $('#videosList').quicksand(link.data('list').find('li')); e.preventDefault(); }); </code></pre> <p>and I did some attempts to try for each checked input but I didn't succeed.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload