cytoscape.js-qtip Erweiterung: qtip. $ DomEle.qitp ist keine Funktion

Question

Ich stoße die Fehlermeldung Uncaught TypeError: qtip.$domEle.qtip is not a function beim Versuch, einen Qtip Tooltip für einen Zytoscape-Knoten in einer AngularJS-Direktive zu erstellen.

Mein Code sieht wie folgt aus:

function graphDirective() { 
    return { 
    restrict: 'E', 
    templateUrl: 'app/graph/graph.html', 
    link() { 
     const cytoscape = require('cytoscape'); 
     const jquery = require('jquery'); 
     const cyqtip = require('cytoscape-qtip'); 
     cyqtip(cytoscape, jquery); 

     const cy = cytoscape({ 
     container: document.querySelector('graph #cy') 
     }); 

     cy.add({ 
     nodes: [ 
      { 
      data: { 
       id: 'test' 
      } 
      } 
     ] 
     }); 

     cy.$('#test').qtip({ 
     content: 'Hello!' 
     style: { 
      classes: 'qtip-bootstrap' 
     }); 
    } 
    }; 
} 

export default graphDirective; 

ich bereits durch this quite similar thread gegangen sind, aber wie jQuery über Commonjs vor cytoscape.js-qtip erforderlich ist, ist diese Lösung nicht zu gut passen.

Kann jemand das beheben? Vielen Dank im Voraus.

Bearbeiten: Tippfehler in Codebeispiel behoben.

Answer 1

Ich vermute, dass Sie ein Problem mit Ihrem Wähler haben:

cy.$('#test') 

..., wenn Sie für einen Knoten suchen, indem sie es ID ist:

cy.$('test') 

Dies ist wahrscheinlich entweder sein sollte. Oder:

cy.$('.test') 

... wenn Sie nach Knoten nach Klasse suchen.

Weitere Informationen über Selektoren: http://js.cytoscape.org/#selectors