让QTip工具提示不要离开屏幕？ （绑在身上？）

Question

我有QTips：

eventRender: function (event, element, view) {
    element.qtip({
        content: event.title + event.hours,
        position:{
            target: 'mouse'
        },
        //  show: { event: 'click' },
        hide: { event: 'mousedown mouseleave' },
        style: { 
            width: 200,
            padding: 5,
            color: 'black',
            textAlign: 'left',
            border: {
                width: 1,
                radius: 3
            },
            classes: 'custSideTip'
        } 
    });
}

CSS：

.custSideTip
{
    position:fixed !important;
    right:0 !important;
    max-width:200px !important;
}

但他们离开了页面......

我尝试了正确且固定的位置，似乎没有任何工作......

提示的正确坐标不应超过body.right / page.right ......如果这样做有意义..

由于

Answer 1

取自here。

您可以尝试使用viewport config：

position: { viewport: $(window) }

Answer 2

这对我有用，其他示例并没有在jQuery代码中出现一些错误。也许某些版本存在差异？

position: { viewport: $(document.body) }