Index.js
$(function() {
$('#box').draggable({
// cursor:'text',
// handle:'#pox',
// disabled:'true',
//edge:50,
//axis:'h'
//proxy:'clone',
//deltaX:100,
//deltaY:10,
proxy: function(source) {
// console.log(source);
var p=$('<div style="width:400px;height:200px;border:1px dashed #ccc">');
p.html($(source).html()). appendTo('body');
//p.appendTo('body');
return p;
}
});
});
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jQueryn Easy UI</title>
<script type="text/javascript" src="jquery-easyui/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui/easyloader.js"></script>
<script type="text/javascript" src="jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/Index.js"></script>
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css" />
</head>
<body>
<div id="box" class="easyui-draggable" title="Title" style="width:400px;height: 200px;background: orange;">
<span id="pox">内容部分</span>
</div>
</body>
</html>