[英]Jquery drag revert on drop to specific div
我目前有一个使用Jquery UI Drag and Drop的布局..我已经在Jquery网站上看到了用于恢复的代码,但我不知道如何检测div是否已被删除某个div并且是否有那时候还原它。
基本上我有2个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>
资料核实
<div id="container">
<div id="floor"> </div>
<div id="other"> </div>
</div>
可拖动的是在容器内,但我只希望它落在地板而不是其他地方。
任何帮助将非常感激
谢谢大家!
Hiya Andrew 工作演示 http://jsfiddle.net/BYsnc/
希望这会有所帮助
好读: http : //docs.jquery.com/UI/Draggable
行为:当用户拖动drag me
拖到floor
,如果你将它拖到其他地方它将允许other
它不会B-)
说明
JQuery代码
//将Floor Div视为可丢弃
$('#floor').droppable({
tolerance: 'fit'
});
//现在将拖动div设置为可拖动
$('#drag').draggable({
revert: 'invalid',
stop: function(){
$(this).draggable('option','revert','invalid');
}
});
//最后告诉拖拽他们的Droppable属性
$('#drag').droppable({
greedy: true,
tolerance: 'touch',
drop: function(event,ui){
ui.draggable.draggable('option','revert',true);
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.