如何使用 cytoscape.js 和 q tip 访问 JSON 这个属性？

Question

我正在尝试使用 cytoscape/qtip 访问 JSON 属性。其实我得到了以下

  <script>
$(function(){
var cy = window.cy = cytoscape({
container: document.getElementById('cy'),
ready: function(){
},
layout: {
    name: 'circle',
    padding: 10
  },
style: [
{

selector: 'node',
css: {
'content': 'data(name)'
}
},
{
selector: 'edge',
css: {
'target-arrow-shape': 'triangle'
}
}
],
elements: {
nodes: [
{ data: { id: 'j', name: 'Jerry' } },
{ data: { id: 'e', name: 'Elaine' } },
{ data: { id: 'g', name: 'George' } }
],
edges: [
{ data: { source: 'j', target: 'e' } },
{ data: { source: 'g', target: 'j' } }
]
},
});

  cy.elements().qtip({
content: function(){ return this.id();  },
position: {
my: 'top center',
at: 'bottom center'
},
style: {
classes: 'qtip-bootstrap',
tip: {
width: 16,
height: 8
}
}
});

});
</script>

当我运行访问 id JSON 属性时。它只是在屏幕上显示一个图形结构，当我单击 j 节点时，它使用 qtip 显示 j ，并且每个节点都显示 j 。但我想显示的是 当我单击每个节点而不是其 id 时每个节点的名称。我试图用 this.name() 替换 this.id() 但它不起作用。我不太熟悉 jquery。

感谢您的关注

Answer 1

试试这个：

content: function(){ return this.attr('name'); },

如何使用 cytoscape.js 和 q tip 访问 JSON 这个属性？

How to access JSON this atribute using cytoscape.js and qtip?

jquery

json

qtip2