milesirio2

0的鼓 0站台

站架

查看演示  下案 要教程 sortableJs是一款排序功能的js masonry瀑布流插件。sortableJs可以或使元素以卡片情示，以masonry瀑布流式格局行局，由程分按，可以卡片按指定的例排序。 利用方式 在面中引入sortable.min.css和sortable.min.js文件。 <link rel="stylesheet" href="path/to/sortable.min.css"> <script src="path/to/sortable.min.js"></script>     代 HTML局 利用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" class="sjs-default">     <!-- 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。 Javascript 最後，在面DOM元素加了之後，由程sortablejs()方式初始化插件。   <script type="text/Javascript">   document.querySelector('#sortable').sortablejs() </script> 代 排序功能的js masonry瀑布流插件的github地址：https://github.com/TristanBlg/sortableJs 文章出：NetYea

本篇文章引用自此: