Javascript Cytoscape.js:style不';不适用
我正在Ember应用程序中使用Cytoscape.js。我已经为graph创建了一个组件。我尝试在组件的Javascript Cytoscape.js:style不';不适用,javascript,ember.js,cytoscape.js,Javascript,Ember.js,Cytoscape.js,我正在Ember应用程序中使用Cytoscape.js。我已经为graph创建了一个组件。我尝试在组件的didInsertElement函数中设置图形样式表,如下所示: this.get("cy").style() .selector('node') .css({ 'width': '100px', 'height': '100px',
didInsertElement
函数中设置图形样式表,如下所示:
this.get("cy").style()
.selector('node')
.css({
'width': '100px',
'height': '100px',
'border-color': 'gray',
'border-width': 3,
'border-opacity': 0.5
})
// unimportant code here
.selector('.faded')
.css({
'opacity': 0.0,
'text-opacity': 0
}).update();
当我在Ember中使用此组件访问route时,不会应用样式(但是布局和其他方面工作正常)。当我转到另一条路线,然后又返回时,风格神奇地出现了
我做错了什么?如何在“首次加载”时应用样式
编辑:可以找到完整的代码
车把代码很简单:
<div class="container content-section" id="graph-content">
<div class="centre" style="margin: 10px">
<!-- cytoscape graph -->
<div id="cy"></div>
</div>
问题解决了-这是我的错误。节点样式基于
类别
,属于节点,异步加载。当我将节点插入到图中时,节点已满字段,但嵌套关系尚未满字段,因此节点样式为未定义的问题已解决-这是我的错误。节点样式基于类别
,属于节点,异步加载。当我将节点插入到图中时,节点已满字段,但嵌套关系尚未满字段,因此,节点样式是未定义的
您可以在ember-twidle.com或emberjs.jsbin.com上设置演示,或者至少共享整个组件代码吗?我添加了完整代码的链接您可以在ember-twidle.com或emberjs.jsbin.com上设置演示,或者至少共享整个组件代码吗?我添加了完整代码的链接