jquery - Adobe边缘: control a specific symbol from html page

Question

我需要从我的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();
            }
         });

      });

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

Answer 1

当您处于边缘程序之外时，抓取符号需要您做的不仅仅是调用“Symbol”。那么，让我来引导您了解如何获取您的符号:

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

希望有帮助!