右键单击显示 cytoscape qtip

Question

我试图在用户使用以下代码右键单击节点时显示 qtip：

cy.on("cxttap", "node", function (evt) {
    evt.cyTarget.qtip({
        content: {
            text: "test"
        }
    });
});

当我右键单击一个节点时不显示工具提示，但只要我左键单击同一节点就会显示工具提示。

我已确保 cytoscape-qtip 正常工作并且我没有为 click 或 tap 事件添加任何事件处理程序。

Answer 1

qTip 自己处理事件，因此您必须为显示事件指定类似 cxttap 的内容。如果你想写你自己的监听器，就像上面那样，那么你对 qtip 的调用将需要调用 qtip API 来手动显示。

Answer 2

设置右击显示属性

cy.elements().qtip({
                content: '<p> [SUM Outgoing call :42, THUVAPPARA</p><button id="add-to-report" class="btn btn-success">Add to report</button><br><button class="btn btn-danger">Remove</button>',
                show: { event: 'cxttap' },
                position: {
                    my: 'top center',
                    at: 'bottom center'
                },
                style: {
                    classes: 'qtip-bootstrap',
                    tip: {
                        width: 16,
                        height: 8
                    }
                }
            });

右键单击显示 cytoscape qtip

Show cytoscape qtip on right click

qtip2

cytoscape.js