我想拖拽之后,还会在原来位置保留一份,现在拖拽之后原来位置消失了
$(".sidebar-nav .drag").draggable({
proxy : "clone",
revert : true,
cursor : 'auto',
onStartDrag : function (){
$(this).draggable('options').cursor='move';
},
onStopDrag : function (){
$(this).draggable('options').cursor='auto';
}
});
$("#main").droppable({
accept : ".drag",
onDrop:function(e,scource){
$(this).append(scource);
$(scource).addClass("drag-li");
}
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link type="text/css" href="css/bootstrap.css" rel="stylesheet" />
<link type="text/css" href="css/common.css" rel="stylesheet"/>
<link type="text/css" href="css/app.css"/>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easyui.min.js"></script>
<script src="js/app.js"></script>
</head>
<body>
<div class="sidebar-nav">
<ul>
<li>
<i>布局设置</i>
<p class="drag">拖动</p>
</li>
</ul>
</div>
<div class="container">
<div class="main" id="main">
<h1 class="drag-li">main</h1>
<h1 class="drag-li">admin</h1>
<h1 class="drag-li">user</h1>
</div>
</div>
</body>
</html>
有木有大神 看下 这个怎么实现