<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI 拖动(Draggable) + 排序(Sortable)</title>
<link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery-ui.min.js"></script>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
li {
margin: 5px;
padding: 5px;
width: 150px;
}
#sortable li {
height: 100px;
}
</style>
<script>
$(function() {
$("#sortable").sortable({
revert: true,
placeholder: "ui-state-highlight",
start: function(event, ui) {},
change: function(event, ui) {
console.log(ui
jquery-ui.min.js 拖拽demo
最新推荐文章于 2023-11-19 21:52:09 发布
本文详细介绍了如何使用jQuery UI库实现元素的拖拽功能,通过实例代码演示了`jquery-ui.min.js`的基本用法,帮助开发者快速掌握这一交互效果的实现。
摘要由CSDN通过智能技术生成