显示Cytoscape的qtip

Question

我试图表现出qtip当一个节点上使用下面的代码在用户右键点击：

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

当我右键单击某个节点显示任何提示，但只要我点击相同的节点，然后工具提示显示。

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

Answer 1

qTip本身处理事件，因此您必须为show事件指定类似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 
        } 
       } 
      });