Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

jQuery网格布局图片拖动排序代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-08-05
jQuery网格布局图片拖动排序代码,可以用鼠标拖动图片进行自定义排序,有一种插队的效果,把图片往前面拖则后面的图片全部往后挤到该图片的位置为止,反之亦然。


js代码

<script type="text/javascript" src="js/jquery-migrate-1.1.1.js"></script>
<script type="text/javascript" src="js/jquery.dragsort-0.5.1.min.js"></script>
<script type="text/javascript">
$(function() {
	try{
		$(".demo").dragsort({
			dragSelector: "img",
			dragBetween: true ,
			dragEnd:function(){

			   console.log('此处可放拖动结束后的方法。')
			}
		});
	}catch(e){
	}
});
</script>