当我点击另一个qtip时，qtip不会消失

Question

我使用了qtip2 jquery插件。当我点击菜单时会出现第一个qtip。当鼠标进入第一个qtip时，将出现第二个qtip。当我点击第一个qtip的外部时，我设置第一个qtip消失。但是当我点击第二个qtip时，第一个qtip不会消失。

第一个Qtip：

  hide = {
        fixed: true,
        delay: 300,
    }

实际结果：当我点击第一个qtip的外部并点击第二个qtip本身时，第一个qtip消失。

预期结果：当我点击第一个qtip的外部时，第一个qtip将消失。但是当我点击第二个qtip时，第一个qtip不会消失。

注意：第二个qtip完全位于第一个qtip的外部。

我的代码是：

 _this.qtip({
                style: {
                    classes: 'Details',
                    tip: {
                        corner: 'right center'
                    }
                },
                content:{
                    text:"HAI"
                },
                show: {
                    ready: true
                },
                hide: {
                    fixed: true,
                    when: 'unfocus',
                },
                position: {
                    my: 'right center',
                    at: 'center left',
                    adjust: {
                        x: -8,
                        y: 0
                    }
                },
              events: {
                render: function(event, api){
                    $(this, api.elements.content).on("click", function(){
                        $('.tip-studio-right-menu').qtip("show");
                    });
                },
                hide: function(event, api){
                    api.destroy();
                }
             }
});