سلام. با این کد که الان نوشتم:
<script src="jquery.js"></script>
<script src="jquery-ui.js"></script>
<div class="cn">
<div id="draggingDiv" style="width:50px;height:50px;background:green;lef t:0;top:0"></div>
</div>
<style>
.cn
{
position:relative;
}
.cn > div
{
position: absolute;
left: 0;
top: 0;
}
</style>
<script>
function doDraggable(element) {
jQuery(element).draggable(
{
start: function () {
var clone = jQuery(this).clone();
var pos = jQuery(this).position();
clone.css({'position':'absolute', 'left': pos.left + 'px', 'top': pos.top + 'px' })
doDraggable(clone);
jQuery('.cn').append(clone);
}
});
}
jQuery(document).ready(function () {
doDraggable('#draggingDiv');
});
</script>