我有这个脚本:http: //jsfiddle.net/YuytK/
我需要做一些事情,所以当你把它放到左边div
时,黑盒子会粘在屏幕的左边,当你把它放到右边div
时,它会粘在屏幕的右边(比如 left:0 或对:0)。
代码 jQuery:
$(function() {
$( "#drag" ).draggable({
containment: 'body',
snapTolerance: 100,
});
});
我有这个脚本:http: //jsfiddle.net/YuytK/
我需要做一些事情,所以当你把它放到左边div
时,黑盒子会粘在屏幕的左边,当你把它放到右边div
时,它会粘在屏幕的右边(比如 left:0 或对:0)。
代码 jQuery:
$(function() {
$( "#drag" ).draggable({
containment: 'body',
snapTolerance: 100,
});
});
文档是您的朋友,请阅读:http: //jqueryui.com/droppable/
$(function () {
$("#drag").draggable({containment: 'body'});
$("#left").droppable({
drop: function () {
$(this).append("<div>Dropped</div>");
$("#drag").css({left: "0px", right: "auto"});
}
});
$("#right").droppable({
drop: function () {
$(this).append("<div>Dropped</div>");
$("#drag").css({right: "0px", left: "auto"});
}
});
});