Adobe Edge:从HTML页面控制特定符号 [英] Adobe Edge: control a specific symbol from html page

问题描述

我需要从我的 HTML页面(index.html-而不是edgeActions.js页面)控制我的一个边缘符号

I need to control over one of my edge Symbols, from my HTML page (index.html - not the edgeActions.js page)

例如，我有一个图像符号:"sym1"，我想将其从html主页中隐藏. 我试过了:

For example, I have an image Symbol: "sym1", and I want to hide it from the main html page. I tried:

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

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

但这是行不通的.

那是我可以使其工作的唯一方法(仅在edgeActions页面中):

That's the only way I could make it work (In edgeActions page only):

  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();
            }
         });

      });

我需要了解如何使用JQuery从html主页面控制符号.

I need to understand how can I control the symbol from the main html page with JQuery.

推荐答案

当您不在边缘程序中时，要抓取符号，您需要做的不仅仅是调用符号".因此，让我带领您逐步了解如何获取您的符号:

Grabbing symbols when you're outside of the edge program require you to do a bit more than call "Symbol." So let me just walk you through how to grab your symbol:

1st-您必须获得对特定构成的引用.这通常是#Stage元素上的类.如果您没有在Edge Animate中给它指定特定的名称，则默认名称将像EDGE-1230930194这样奇怪.

1st - You have to get a reference to the specific composition. This will generally be the class on the #Stage element. If you don't give it a specific name in Edge Animate, the default name will be something weird like EDGE-1230930194.

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

2nd-您需要获取特定的符号

2nd - You need to grab the specific symbol

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

那里有它！你得到了自己的象征.例如，如果您想反向播放，请执行以下操作:

And there ya have it! You got yourself the symbol. If you wanted to play it in reverse for example then you'd do this:

mySymbol.playReverse();

为了进行更精细的操作，要做的更有趣的事情包括像这样捕获基本元素:

The more interesting things to do for finer manipulation involve grabbing the underlying element like so:

var mySymbolElem = mySymbol.getSymbolElement();

然后，您当然可以使用任何jQuery方法来解决它:

And then of course you can use any jQuery methods to mess around with it:

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

希望有帮助！

这篇关于Adobe Edge:从HTML页面控制特定符号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！