目的：實現(xiàn)圖片的拖動功能

最近項目中需要給圖片加一個拖動功能，原來可以用jquery提供的sortable來實現(xiàn)，在此記錄一下。

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:元素集合內的文本內容(因為要實現(xiàn)拖動，所以要讓文字不能選擇)

總結

以上是生活随笔為你收集整理的jquery实现图片拖动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。