Adobe Edge: управление определенным символом с html-страницы

Мне нужно управлять одним из моих пограничных символов с моей HTML-страницы (index.html, а не страницы edgeActions.js)

Например, у меня есть символ изображения: «sym1», и я хочу скрыть его с главной html-страницы. Я попытался:

sym.$( "sym1" ).hide();

Но это не работает.

Это единственный способ заставить его работать (только на странице edgeActions):

  Symbol.bindElementAction(compId, symbolName, "document", "compositionReady", function(sym, e) {
         var ex1 = sym.$( "sym1" );         

         yepnope({
            both: [
                "libs/jquery-ui.min.js",
                "libs/jquery-ui.css",
            ],
            callback: function() {

         ( ex1 ).hide();
            }
         });

      });

Мне нужно понять, как я могу управлять символом с главной html-страницы с помощью JQuery.


jquery adobe-edge
person Eran Levi    schedule 25.11.2012    source источник

Ответы (2)


arrow_upward
8
arrow_downward

Для захвата символов, когда вы находитесь за пределами пограничной программы, вам нужно сделать немного больше, чем просто вызвать «Символ». Итак, позвольте мне просто рассказать вам, как получить ваш символ:

1st - Вы должны получить ссылку на конкретную композицию. Обычно это класс элемента #Stage. Если вы не дадите ему конкретное имя в Edge Animate, имя по умолчанию будет каким-то странным, например EDGE-1230930194.

var myAnim = AdobeEdge.getComposition("nameOfComposition");

2nd - Вам нужно взять определенный символ

var mySymbol = myAnim.getSymbols("nameOfSymbol")[0]; // Because it's in an array

И вот оно! Вы получили себе символ. Например, если вы хотите воспроизвести его в обратном порядке, вы должны сделать это:

mySymbol.playReverse();

Более интересные вещи для более тонкой манипуляции включают захват базового элемента следующим образом:

var mySymbolElem = mySymbol.getSymbolElement();

И тогда, конечно, вы можете использовать любые методы jQuery, чтобы возиться с этим:

mySymbolElem.fadeOut(5000, function(){alert("alerts rox")});

Надеюсь, это поможет!

person J Cole Morrison    schedule 28.11.2012
comment
Ух ты! Отличный ответ! Большое тебе спасибо!! - person Eran Levi; 29.11.2012
comment
Не могли бы вы взглянуть на вопрос и дать мне предложение. - person Justin John; 22.01.2013

arrow_upward
0
arrow_downward

После рендеринга Edge на html-странице все символы будут объединены с новым идентификатором, соединенным знаком «_». Например, если вы хотите изменить изображение символа с именем "thumb01":

$('#Stage_thumb01').css('background-image',  'url('thumb_img_02.jpg')');

«Stage» — это корневой контейнер Edge HTML по умолчанию.

person Nguyen Duong    schedule 06.08.2015