Adobe Edge では、シンボルの背景色を変更する場合は、次を使用します。
sym.$('Blob1').css({"background-color":"#DDD"});
しかし、シンボル内の div の CSS を変更したい場合、何を記述すればよいでしょうか?
Adobe Edge では、シンボルの背景色を変更する場合は、次を使用します。
sym.$('Blob1').css({"background-color":"#DDD"});
しかし、シンボル内の div の CSS を変更したい場合、何を記述すればよいでしょうか?
sym.$('Blob1').find('div').css(...)
以下を実行するよりも、内側のdivにクラスを与えることをお勧めします(たとえば、「.inner_div」、クラス設定のCアイコンは、divタイトルフィールドの右側の「プロパティ」パネルにあります)。
sym.$('Blob1').find('.inner_div').css({"背景色":"#DDD"});
ここでは専門家ではありませんが、次のような構造を使用してこれを行うことができました
sym.$('Blob1').$('inner_div').css({"background-color":"#DDD"});
シンボル内の div の css を変更する場合は、その div にアクセスしてから、そのスタイル プロパティにアクセスする必要があります。
たとえば、色属性を赤に設定するには、次のようになります。
$('#id_of_innerdiv').css('background-color', '#ddd');
注: これは、Adobe Edge に付属の jquery ライブラリに依存しています。