在 adobe edge 中,如果要更改符号的背景颜色,请使用:
sym.$('Blob1').css({"background-color":"#DDD"});
但是如果我想改变一个 div INSIDE 符号的 CSS,我应该写什么?
在 adobe edge 中,如果要更改符号的背景颜色,请使用:
sym.$('Blob1').css({"background-color":"#DDD"});
但是如果我想改变一个 div INSIDE 符号的 CSS,我应该写什么?
sym.$('Blob1').find('div').css(...)
sym.getSymbol('symbolName').$('divName').css(...)
如果要更改符号内 div 的 css,则应访问该 div,然后访问其样式属性。
例如,要将颜色属性设置为红色,它可能如下所示:
$('#id_of_innerdiv').css('background-color', '#ddd');
注意:这依赖于 adobe edge 附带的 jquery 库。
这里不是专家,但我已经能够使用类似的结构来做到这一点
sym.$('Blob1').$('inner_div').css({"background-color":"#DDD"});
Blob1
实际上是引用的符号的子节点,而不是符号自己的 div。的结果sym.$('Blob1')
是一个 jQuery 对象,因此您可以使用children()
,find()
或者您喜欢更深入的任何遍历方法。如果孩子实际上是一个嵌套符号,你最好使用getSymbol()
.
如果您确实想直接获取符号的 jQuery 对象,那就是sym.element
.
我建议给你的内部 div 一个类(例如“.inner_div”,用于类设置的 C 图标位于 div 标题字段右侧的“属性”面板中)而不是执行以下操作:
sym.$('Blob1').find('.inner_div').css({"background-color":"#DDD"});