Javascript 如何使用拖放移动HTML元素&；滴
是否有一种方法可以移动，例如使用拖放功能移动输入html标记？（JQuery） 就像这里的这个网站： 您可以从左侧的列表中获取html标记，并可以在小框中移动元素…也许您应该看看哪个具有内置的拖放功能只要看看就可以了。但我认为您正在搜索可拖放：接受可拖放元素方法 这是网页中的示例，而不是我的示例：Javascript 如何使用拖放移动HTML元素&；滴,javascript,jquery,Javascript,Jquery,是否有一种方法可以移动，例如使用拖放功能移动输入html标记？（JQuery） 就像这里的这个网站： 您可以从左侧的列表中获取html标记，并可以在小框中移动元素…也许您应该看看哪个具有内置的拖放功能只要看看就可以了。但我认为您正在搜索可拖放：接受可拖放元素方法 这是网页中的示例，而不是我的示例： #makeMeDraggable{float:左；宽度：300px；高度：300px；背景：红色；} #makeMeDropable{float:右侧；宽度：300px；高度：300px；边框：1
#makeMeDraggable{float:左；宽度：300px；高度：300px；背景：红色；}
#makeMeDropable{float:右侧；宽度：300px；高度：300px；边框：1px实心#999；}
美元（初始）；
函数init（）{
$（'#makeMeDraggable'）.draggable（）；
$（'makemedropable'）。可拖放（{
下降：扶手缆绳通风口
} );
}
函数handleDropEvent（事件，ui）{
var draggable=ui.draggable；
警报（“ID为“'+draggable.attr（'ID'）+'”的方块被扔到我身上！”）；
}
<!doctype html>
<html lang="en">
<head>
<style>
#makeMeDraggable { float: left; width: 300px; height: 300px; background: red; }
#makeMeDroppable { float: right; width: 300px; height: 300px; border: 1px solid #999; }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type="text/javascript">
$( init );
function init() {
$('#makeMeDraggable').draggable();
$('#makeMeDroppable').droppable( {
drop: handleDropEvent
} );
}
function handleDropEvent( event, ui ) {
var draggable = ui.draggable;
alert( 'The square with ID "' + draggable.attr('id') + '" was dropped onto me!' );
}
</script>
</head>
<body>
<div id="content" style="height: 400px;">
<div id="makeMeDraggable"> </div>
<div id="makeMeDroppable"> </div>
</div>
</body>
</html>