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

我使用了qtip2jquery插件。单击菜单时将显示第一个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();
                }
             }
}); 

---

html请理解您到目前为止尝试的结构？我试图在单击第二个qtip时显示第一个qtip$（this）.on（“click”，function（）{$（this）.find（'.firstQtip'）.qtip（“show”）；}）请将qtip代码和html代码发布在此处，以便我们确定您的问题。由于您只发布了部分qtip初始化代码，因此很难解决此问题。我发布了完整的代码