Jquery 包含随机定位的可拖动div具有';否';下限
这就是我目前的处境:Jquery 包含随机定位的可拖动div具有';否';下限,jquery,html,css,jquery-ui,web,Jquery,Html,Css,Jquery Ui,Web,这就是我目前的处境: 用于随机定位的脚本可以很好地工作,但可拖动的属性没有底部包含。那么,如何限制我在div中的随机定位呢?或如何创建一个真正的底部限制?它包含在包装中,但是它包含在可拖动分区的最顶部。它怎么可以同时包含在顶部和底部?很抱歉,它包含在包装中,但是它基于可拖动分区的顶部边缘。如果您知道包装的确切大小,那么您可以可以在y1和y2上将containment:设置为([x1,y1,x2,y2])吗包装的高度减去可拖动分区的高度我的包装的大小只能是像素对吗?谢谢你的回答,因为我可能会这样做
用于随机定位的脚本可以很好地工作,但可拖动的属性没有底部包含。那么,如何限制我在div中的随机定位呢?或如何创建一个真正的底部限制?它包含在包装中,但是它包含在可拖动分区的最顶部。它怎么可以同时包含在顶部和底部?很抱歉,它包含在包装中,但是它基于可拖动分区的顶部边缘。如果您知道包装的确切大小,那么您可以可以在y1和y2上将containment:设置为([x1,y1,x2,y2])吗包装的高度减去可拖动分区的高度我的包装的大小只能是像素对吗?谢谢你的回答,因为我可能会这样做,但这是为博客,我还不知道我会有多少文章…是的,如果你的网站是响应,这将是非常困难的。我找到了一个包含底部的工作示例的站点,它们使用:$('makeMeDraggable').draggable({containment:'content',cursor:'move',snap:'content');看这里的例子
$(function () {
$(".col1").each(
function (intIndex) {
var l = Math.floor(Math.random() * $(".col1").width());
var r = Math.floor(Math.random() * $(".col1").height());
$(this).css("left", l);
$(this).css("top", r);
});
$(".col1").draggable({
containment: "#wraper",
scroll: false,
stack: ".col1"
});
});