附带有筛选排序功能的瀑布流插件stable.js

使用方法

1.在页面中引入sortable.min.css和sortable.min.js文件

2.使用sortableJs的基本HTML结构如下：

<!-- 1st step -->
<ul>
 <li>
   <a data-sjslink="food"> [...] </a>
 </li>
 <li>
   <a data-sjslink="development"> [...] </a>
 </li>
</ul>
<!-- 3st step -->
<div id="sortable" >
 <!-- 2nd step -->
 <div data-sjsel="food"> [...] </div>
 <div data-sjsel="development"> [...] </div>
 <div data-sjsel="development"> [...] </div>
</div>

1、使用无序列表插件一组元素，每个链接都添加一个data-sjslink属性，指向要操作的分类元素。

2、将同一种类的元素包裹在data-sjsel属性的块级元素中。

3、将所有的块级元包裹子啊sjs-default容器中，并指定一个id。

最后，在页面DOM元素加载完毕之后，通过sortablejs()方法来初始化插件