Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 包含随机定位的可拖动div具有';否';下限_Jquery_Html_Css_Jquery Ui_Web - Fatal编程技术网

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"
    });
});