如何在单击按钮时显示 cytoscape.js 中的所有 q 提示

Question

您好，我正在尝试在单击按钮时显示 cytoscape.js 图表中的所有 qtips。我的一些元素是隐藏的，所以我需要在尝试显示 qtip 之前先检查它们是否具有 'show' class。这是我的代码

 cy.$('node[type = "net"]').forEach(function( ele ) {
          if (ele.hasClass('show')) {
             console.log(ele.id());
             ele.qtip('toggle',true);
             // i have also tried ele.qtip('show');       
      }
      });

但是我的浏览器控制台出现以下错误。

'Uncaught TypeError: Cannot read 属性 'set' of undefined: cytoscape-qtip.js:268'

谢谢。

Answer 1

如果您使用 API，请确保您提前定义了您的 qtips。

在多个元素上切换 qtips 的最简单方法是自定义事件。在您的显示事件配置字符串中添加类似 qtipshow 的内容并使用 `eles.trigger('qtipshow').

您可以使用相同的方法隐藏。

确保将您的 qtips 配置为一次显示多个：http://qtip2.com/options

我不确定你使用 API 的方法有什么问题，因为它没有足够的上下文来说明 -- 但无论如何事件更容易使用。

如何在单击按钮时显示 cytoscape.js 中的所有 q 提示

How to show all qtips in cytoscape.js on button click

javascript

qtip

qtip2

cytoscape.js

cytoscape