Как получить доступ к JSON для этого атрибута с помощью cytoscape.js и qtip?

Question

Я пытаюсь получить доступ к атрибуту JSON, используя cytoscape/qtip. На самом деле я получил следующее:

<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, он показывает j, используя qtip, и это для каждого из узлов. Но я хочу показать имя для каждого из узлов, когда я нажимаю на каждый, а не его id. Я попытался заменить this.id() на this.name(), но он не работает. Я не знаком с jquery.

спасибо за ваше ВНИМАНИЕ

Answer 1

Попробуйте это:

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