cytoscape.jsとqtipを使って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を表示し、これをノードごとに表示します。しかし、私が提示したいのは、それぞれのノードの名前です。そのノードのIDはの代わりにクリックします。 this.id（）をthis.name（）で置き換えようとしましたが、動作しません。私はjqueryに慣れていません。あなたのatentionため

おかげ

Answer 1

これを試してみてください：

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