关于jquery easy ui 拖拽问题

我想拖拽之后,还会在原来位置保留一份,现在拖拽之后原来位置消失了

 $(".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>

有木有大神 看下 这个怎么实现

阅读 2.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题