在Cytoscape.js图形的外部节点上显示qTip悬停？[英] Displaying qTip hover on outer nodes of Cytoscape.js graph?

问题描述

当在cytoscape.js中悬停在图的外节点上时，未显示QTIP对话框.

无论如何，是否有悬停在外节点上的QTIP气泡?我可以在上半部分的节点上弹出QTIP弹出窗口，但沿图的侧面不多.尤其是向下半部分.

            cy.elements('node').qtip({

            id: function() {
                return this.data('id');
            },
            content: function() {
                return this.data('name') + '<br /><em>$' + this.data('weight') + '</em>';
            },
            position: {
                my: 'bottom right',
                viewport: $(etl_cyto_div),
                adjust: {
                    cyViewport: true,
                    method: 'flip none'
                }
            },
            show: {
                cyBgOnly: false
            },
            hide: {
                cyBgOnly: false,
                cyViewport: true,
                delay: 100
            },
            style: {
                classes: 'qtip-tipsy',
                tip: {
                    width: 16,
                    height: 8
                }
            }
        });        

推荐答案

我怀疑您的选择可能导致问题.因为此扩展程序是QTIP周围相对较薄的包装器，所以您只需使用 qtip api和options .

• 尝试离开options.position.adjust.method默认
• 尝试更允许的options.position.adjust.method;参见 qtip docs
• adjust.cyViewport很昂贵(尤其是在触摸上)，并且可以根据使用的QTIP版本而越来越大.
• 尝试所有默认值，看看是否可以通过所需的事件复制问题.如果不是，那么问题是由于设置选项.如果是这样，请提交您的示例代码

本文地址：https://www.itbaoku.cn/post/1793853.html