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

本文是小编为大家收集整理的关于在Cytoscape.js图形的外部节点上显示qTip悬停?的处理方法,想解了在Cytoscape.js图形的外部节点上显示qTip悬停?的问题怎么解决?在Cytoscape.js图形的外部节点上显示qTip悬停?问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

当在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