Javascript Jquery拖放时还原到特定div

Javascript Jquery拖放时还原到特定div,javascript,jquery,jquery-ui,drag-and-drop,Javascript,Jquery,Jquery Ui,Drag And Drop,我目前有一个使用Jquery UI拖放的布局。。我已经在Jquery网站上看到了用于恢复的代码,但我不确定如何检测某个div上是否删除了一个div,以及是否已经恢复了该div 基本上,我有两个div,我只希望拖放能够放在其中一个div中,如果它没有放在正确的div中,那么它会被还原:) 脚本: <script type="text/javascript"> function shift(parent){ $("#"+parent).draggable({ handle: ".ite

我目前有一个使用Jquery UI拖放的布局。。我已经在Jquery网站上看到了用于恢复的代码,但我不确定如何检测某个div上是否删除了一个div,以及是否已经恢复了该div

基本上,我有两个div,我只希望拖放能够放在其中一个div中,如果它没有放在正确的div中,那么它会被还原:)

脚本:

 <script type="text/javascript">
function shift(parent){
$("#"+parent).draggable({ handle: ".item", accept: "#floor", containment: "#floor", scroll: false, stack:"#floor div" });
}
</script>
<div id="drag" class="ui-widget-content" onmousedown="shift('example')"> </div>

功能转换(父级){
$(“#”+父级).draggable({handle:.item”,accept:#floor,containment:#floor,scroll:false,stack:#floor div});
}
可拖动:

 <script type="text/javascript">
function shift(parent){
$("#"+parent).draggable({ handle: ".item", accept: "#floor", containment: "#floor", scroll: false, stack:"#floor div" });
}
</script>
<div id="drag" class="ui-widget-content" onmousedown="shift('example')"> </div>

DIVs

<div id="container">
    <div id="floor"> </div>
    <div id="other"> </div>
</div>

拖拽物在集装箱内,但我只希望它落在地板内,而不是其他地方

任何帮助都将不胜感激


提前谢谢大家

Hiya Andrew工作演示

希望这会有所帮助

好书:

行为:当用户拖动
将我拖动到
楼层
时,如果您将其拖动到
其他
它将不允许B-)

解释

JQuery代码

$('#floor').droppable({
    tolerance: 'fit'
});
$('#drag').draggable({
    revert: 'invalid',
    stop: function(){
        $(this).draggable('option','revert','invalid');
    }
});
//将地板Div设置为可放下的

$('#floor').droppable({
    tolerance: 'fit'
});
$('#drag').draggable({
    revert: 'invalid',
    stop: function(){
        $(this).draggable('option','revert','invalid');
    }
});
//现在将drag div设置为可拖动

$('#floor').droppable({
    tolerance: 'fit'
});
$('#drag').draggable({
    revert: 'invalid',
    stop: function(){
        $(this).draggable('option','revert','invalid');
    }
});
//最后告诉drag有关其可拖放属性的信息

$('#drag').droppable({
    greedy: true,
    tolerance: 'touch',
    drop: function(event,ui){
        ui.draggable.draggable('option','revert',true);
    }
});
​

你能发布一些你的代码吗?对不起,是的,为你添加了:)嘿,安德鲁,我也许能帮你:那么你在尝试什么行为?i、 e.
floor&other
不应该是拖拽的,拖拽的关联性是什么,对不起,如果我听起来很粗俗:)拖拽的关联性是因为人们可以拖拽其他的div,但我想限制他们只能将拖拽的东西放到“地板”而不能放到“其他”中。如果他们拖到另一个,那么它将被还原,否则如果他们拖到地板上,它将成功掉落:)@Andrew Okies等等,我很快会给你写一个演示;希望抓住你:p非常感谢你,你帮了我很大的忙,这正是我想要的:我想要成功的删除回调函数