最近工作用需要设计一个自由布局的页面设计。我选了jQuery UI 的 sortable ,可以拖拽,自由排序 使用很方便,写一个demo,做个记录。
第一、单项目自由排序
下图效果
代码段:
rush:xhtml;">
html:
rush:xhtml;">
<script src="js/jquery-1.10.2.min.js">
<script src="js/bootstrap/js/bootstrap.min.js">
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js">
第二、多排序组之间自由拖拽
代码段:
rush:xhtml;">
html 代码:
rush:xhtml;">
<script src="js/jquery-1.10.2.min.js">
<script src="js/bootstrap/js/bootstrap.min.js">
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js">
Box">
test1
Box">
test2
Box">
test3