HTML5技术

html5 Sortable.js 拖拽排序源码分析 - qq281113270(9)

字号+ 作者:H5之家 来源:H5之家 2016-11-04 15:00 我要评论( )

3 headcontent=/ 5 title无标题文档/title 6 /headrel=type=//script 9 body 10 11 body 12 !-- Editable list --/astyle=style==Editable list/div/div=/i/li/i/li/i/li 23 /ul/div 27 /div 28 /div 29 scriptedit

> > 3 <head> content=/> 5 <title>无标题文档</title> 6 </head> rel=type=/> ></script> 9 <body> 10 11 <body> 12 <!-- Editable list --> ></a> style=> style=> =>Editable list</div></div> => > ></i></li> ></i></li> ></i></li> 23 </ul> </div> 27 </div> 28 </div> 29 <script> editableList = Sortable.create(document.getElementById(), { 32 animation: 150, , 34 onFilter: function (evt) { 35 console.log(evt.item) 36 evt.item.parentNode.parentNode.removeChild(evt.item.parentNode); 37 } 38 }); 39 40 </script> 41 </body> 42 </html>

 

 

 

 

 

Sortable.js 接口参数还有很多个,不 一 一 做dome了列出来给大家看看,其中比较常用的是上面所说的dome参数,还有handle这个参数也常用规定哪些calss,或者tag拖拽。

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5大数据可视化效果(二)可交互地铁线路图 - twaver

    HTML5大数据可视化效果(二)可交互地铁线路图 - twaver

    2016-11-04 14:00

  • 让IE9以下版本的浏览支持html5,CSS3的插件 - 叫我小龙哥

    让IE9以下版本的浏览支持html5,CSS3的插件 - 叫我小龙哥

    2016-11-04 12:00

  • HTML5 标签 details 展开 搜索 - 心韵

    HTML5 标签 details 展开 搜索 - 心韵

    2016-11-03 15:00

  • 自己写的HTML5 Canvas + Javascript五子棋 - 氢氦

    自己写的HTML5 Canvas + Javascript五子棋 - 氢氦

    2016-10-31 13:00

网友点评
a