Javascript 了解jBox配置选项

我只是在玩这个名为jBox.js的插件，遇到了一些新的选项。这是一个可定制的插件。我说的选项是调整距离

表示可以传入整数或对象，如下所示：

$(function(){
          $('.tooltip').jBox('Tooltip', {
              trigger: 'click',
              adjustDistance : {
                top : 15,
                bottom : 15,
                left : 15,
                right : 50
              }
          });
      });

我这样做了，但是我看不出我的工具提示的呈现方式有什么不同，只是做了一个

文档对该选项的描述如下：

调整时到窗边的距离应开始。使用对象 要设置不同的值，例如{顶部：50，右侧：20，底部：5，左侧： 20}

---

但我不太明白它的用法。有人能解释一下吗

如果我们给adjustDistance，比如说10，当任何窗口的边缘在工具提示的10px距离内时，工具提示将尝试调整（重新定位）自身。您还可以为窗口的不同边缘提供自定义值

这些例子将说明：

例1：

$(function(){
      $('.tooltip').jBox('Tooltip', {
          trigger: 'click',
          adjustDistance : {
            top : 15,
            bottom : 15,
            left : 15,
            right : 50
          }
      });
  });

示例2（更改adjustDistance bottom的值）：

---

对于这两种情况，请尝试单击按钮打开工具提示，然后调整从底部缩小的窗口的大小，以便工具提示需要重新调整。

它的用途是什么？确保弹出窗口不会溢出视图，例如将其设置为“显示右侧”，但目标位于页面右侧

$(function(){
      $('.tooltip').jBox('Tooltip', {
          trigger: 'click',
          adjustDistance : {
            top : 15,
            bottom : 150,
            left : 15,
            right : 50
          }
      });
  });