Javascript 如何在不同的Div之间使用jquery进行拖放_Javascript_Jquery_Html_Dhtml

Javascript 如何在不同的Div之间使用jquery进行拖放

javascript jquery html

Javascript 如何在不同的Div之间使用jquery进行拖放,javascript,jquery,html,dhtml,Javascript,Jquery,Html,Dhtml,我想制作拖放式web builder。我正在使用脚本将图像从一个地方拖放到另一个地方。但他们是排在其他人之后的。我需要脚本自由地放置在任何我想要的地方。我使用的脚本是 <script type="text/javascript"> $(function () { $("#dvSource img").draggable({ revert: "invalid", refreshPositions: true, drag: function (event, ui) { ui.helpe

我想制作拖放式web builder。我正在使用脚本将图像从一个地方拖放到另一个地方。但他们是排在其他人之后的。我需要脚本自由地放置在任何我想要的地方。我使用的脚本是

<script type="text/javascript">
$(function () {
$("#dvSource img").draggable({
revert: "invalid",
refreshPositions: true,
drag: function (event, ui) {
ui.helper.addClass("draggable");
},
stop: function (event, ui) {
ui.helper.removeClass("draggable");
var image = this.src.split("/")[this.src.split("/").length - 1];
if ($.ui.ddmanager.drop(ui.helper.data("draggable"), event)) {

}
else {

}
}
});
$("#dvDest").droppable({
drop: function (event, ui) {
if ($("#dvDest img").length == 0) {
$("#dvDest").html("");
}
ui.draggable.addClass("dropped");
$("#dvDest").append(ui.draggable);
}
});
});
</script>



and 


<pre lang="xml"><div id="dvSource">
<img alt="" src="images/Chrysanthemum.jpg" />
<img alt="" src="images/Desert.jpg" />
<img alt="" src="images/Hydrangeas.jpg" />
<img alt="" src="images/Jellyfish.jpg" />
<img alt="" src="images/Koala.jpg" />
<img alt="" src="images/Lighthouse.jpg" />
<img alt="" src="images/Penguins.jpg" />
<img alt="" src="images/Tulips.jpg" />
</div>
<hr />
<div id="dvDest">
Drop here
</div></pre>

为身体标签指定一个id，如

<body id="bdy">

实际上，我想开发拖放式CMS。杂志创作者。使用JQUERYUI是一种好技术吗？上面的代码对您有用吗？请勾选正确以接受答案。

$("#bdy").droppable({
        drop: function (event, ui) {
            if ($("#bdy img").length == 0) {
                $("#bdy").html("");
            }
            ui.draggable.addClass("dropped");
            $("#bdy").append(ui.draggable);
        }
    });