在 Cytoscape.js 图的外部节点上显示 qTip 悬停？

Question

将鼠标悬停在 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
                }
            }
        });        

Answer 1

我怀疑您的选择可能会导致问题。因为这个扩展是一个相对较薄的 qtip 包装器，所以您只需使用 qTip API and options。

• 尝试保留options.position.adjust.method默认
• 尝试更宽松的options.position.adjust.method；见qtip docs
• adjust.cyViewport 很昂贵（尤其是在触摸时），并且根据使用的 qtip 版本可能会出现问题。
• 尝试所有默认设置，看看是否可以通过所需事件重现问题。如果不是，那么问题出在设置的选项上。如果是这样，请提交您的示例代码in an issue