AngularJS指示文でサイトスコープノード用のqtipツールチップを作成しようとすると、エラーメッセージUncaught TypeError: qtip.$domEle.qtip is not a function
が発生しました。
私のコードは次のようになります。
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;
私はすでにthis quite similar threadを経ていますが、jQueryのはcytoscape.js-Qティップ前CommonJSを経由して必要とされるように、この解決策はあまりうまく適合しません。
誰でもこれを解決する方法を知っていますか?前もって感謝します。
編集:コード例でタイピングエラーが修正されました。
cy.$('test')
これはおそらくどちらかでなければなりません:
cy.$('#test')
...あなたはそれがIDだことにより、ノードを探している場合
問題を再現するために、ここでの十分な情報はありません。角度のない簡単な設定で問題を再現してください。また、JsbinやCodepenなどで問題を再現する完全なサンプルを作成してください。完全な例で問題を再現でき、問題があなたのものではない場合は、拡張の問題トラッカー – maxkfranz