jquery-ui - Jquery 可拖动包含字符串值

Question

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

Parent（限制拖动到当前元素的父元素范围内）window和document.

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

Answer 1

这一切都归结为和之间的区别windowdocument。当您设置containment可拖动对象的 时，jQuery 使用它们中的任何一个的width和height属性来确定其边界，如源代码所示（为便于阅读而格式化）：

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
];

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