表示cytoscapeのQティップ

Question

私は、次のコードを使用して、ノード上のユーザーを右クリックしたとき、Qティップを表示しようとしています：、私はノードを右クリックすると

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