jquery实现图片拖动

最新推荐文章于 2024-07-30 03:30:22 发布

幸福棒棒糖__fxx

最新推荐文章于 2024-07-30 03:30:22 发布

阅读量2.9k

点赞数 2

分类专栏： js 文章标签： jquery 拖动 sortable

本文链接：https://blog.csdn.net/qq_33157666/article/details/77149098

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

目的：实现图片的拖动功能

最近项目中需要给图片加一个拖动功能，原来可以用jquery提供的sortable来实现，在此记录一下。

1、引入jqueryui的js：

<!-- jquery-ui -->
<script type="text/javascript" src="jquery-ui-1.10.3.min.js"></script>

2、html代码：

<ul class="specImg">
	<li class="upload-thumb" picid="4094" style="">     
		<img src="image1.jpg" />  
	</li>
	<li class="upload-thumb" picid="4095" style="">         
		<img src="image2.jpg" />  
	</li>
</ul>

3、js：

$(".specImg").sortable({
	revert: false,//revert:sortable 项目是否使用一个流畅的动画还原到它的新位置。
	items: "li:not(.ui-state-disabled)"//items:指定元素内的哪一个项目应是 sortable。
}).disableSelection();//disableSelection:元素集合内的文本内容(因为要实现拖动，所以要让文字不能选择)