顯示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 
        } 
       } 
      });