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

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

1 个答案: