|
|
|
@ -94,7 +94,7 @@ getSortData : {
|
|
|
|
|
|
|
|
|
|
{% endhighlight %} |
|
|
|
|
|
|
|
|
|
Get creative! You can sort the list in the [index page](../index.html) by the width of each item element. |
|
|
|
|
Get creative! You could sort a list by the width of each item element. |
|
|
|
|
|
|
|
|
|
{% highlight javascript %} |
|
|
|
|
|
|
|
|
@ -145,7 +145,7 @@ We can use a simple list for our buttons.
|
|
|
|
|
|
|
|
|
|
{% highlight html %} |
|
|
|
|
|
|
|
|
|
<ul id="sort"> |
|
|
|
|
<ul id="sort-by"> |
|
|
|
|
<li><a href="#name">name</a></li> |
|
|
|
|
<li><a href="#symbol">symbol</a></li> |
|
|
|
|
<li><a href="#number">number</a></li> |
|
|
|
@ -159,7 +159,7 @@ When one of these links is clicked, we can use the `href` attribute as the value
|
|
|
|
|
|
|
|
|
|
{% highlight javascript %} |
|
|
|
|
|
|
|
|
|
$('#sort a').click(function(){ |
|
|
|
|
$('#sort-by a').click(function(){ |
|
|
|
|
// get href attribute, minus the '#' |
|
|
|
|
var sortName = $(this).attr('href').slice(1); |
|
|
|
|
$('#container').isotope({ sortBy : sortName }); |
|
|
|
|