Question

全部，我知道Draggable包含选项可以设置字符串值，如下所示。

Parent（约束拖到当前元素的父元素的范围内），window和document。

但我不知道window和document值之间的区别。我没有为这两个值找到任何api文档。请帮助我理解。谢谢。

Answer 1

这一切归结为difference between window and document。当您设置可拖动的containment时，jQuery使用其中任何一个的width和height属性来确定其边界，如the sources所示（格式化为可读性）：

if(o.containment == 'document' || o.containment == 'window') this.containment = [
    0 - this.offset.relative.left - this.offset.parent.left,
    0 - this.offset.relative.top - this.offset.parent.top,
    $(o.containment == 'document' ? document : window).width() -
        this.helperProportions.width - this.margins.left,
    ($(o.containment == 'document' ? document : window).height() ||
        document.body.parentNode.scrollHeight) - this.helperProportions.height -
        this.margins.top
];

如果没有iframe，那么我相信两个维度都是相同的，否则，事情可能会有所不同（尽管我不确定jQuery是否支持{{1}之间的拖放s，即使来自同一个来源）。

Jquery Draggable包含字符串值

1 个答案: