javascript - cytoscape.js-qtip 扩展 : qtip. $domEle.qitp 不是函数

Question

尝试在 AngularJS 指令中为 cytoscape 节点创建 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 ，但是由于在 cytoscape.js-qtip 之前需要通过 CommonJS 来使用 jQuery，所以这个解决方案不太适合。

有人知道如何解决这个问题吗？预先感谢您。

编辑:修复了代码示例中的输入错误。

Answer 1

我怀疑您的选择器有问题:

cy.$('test')

这可能应该是:

cy.$('#test')

...如果您正在通过 ID 查找节点。或者:

cy.$('.test')

...如果您正在按类别查找节点。

有关选择器的更多信息:http://js.cytoscape.org/#selectors