克隆拖事件中,我想创建一个新的“.B” DIV appendTo document.body的,如何使用jQuery和jQuery UI的
,它可以像dragable其父亲,
但我无法克隆的拖动事件,
如何做到这一点,
感谢
,这是我的代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no">
</head>
<body>
<style type="text/css" media="screen">
</style>
<div id="map_canvas" style="width: 500px; height: 300px;background:blue;"></div>
<div class=b style="width: 20px; height: 20px;background:red;position:absolute;left:700px;top:200px;"></div>
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script src="jquery-ui-1.8rc3.custom.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(".b").draggable({
start: function(event,ui) {
//console.log(ui)
//$(ui.helper).clone(true).appendTo($(document.body))
$(this).clone(true).appendTo($(document.body))//draggable is not be cloned,
}
});
$("#map_canvas").droppable({
drop: function(event,ui) {
//console.log(ui.offset.left+' '+ui.offset.top)
ui.draggable.remove();
}
});
</script>
</body>
</html>
酷酷酷酷 – zjm1126 2010-03-14 03:46:15