Adobe Edge：在document.compositionReady和window.resize处更改元素的宽度

Question

在我的Adobe Edge项目中，我尝试创建一个根据窗口宽度进行调整的网站。所以我的计划是： 1.检查加载站点时的宽度，并根据需要调整元素。 2.每当调整窗口大小时检查宽度，并在必要时调整元素。

为了做到这一点，我创造了这个功能。

function adapt() {
    if ($( window ).width() <= 800) {
        sym.$("testo_box").css("width", "99%");     
        sym.getComposition().getStage().$("corpus_txt").html("Test");
    }
}

您可以看到附加图像中的元素。 Elements

第一个问题是我无法找到任何方法在这样的地方创建此功能，并且它可以是全局的，并且可以在其他脚本中调用

但我的主要问题是这样的：当我将此功能放在 Stage - ＆gt; window.resize ，并使用：

调用它

adapt();

完美无缺。但当我把它放在 Stage - ＆gt; document.compositionReady 并以相同的方式调用它，如下所示：

sym.$("testo_box").css("width", "99%");

没有产生预期的结果。它什么都不做。 我确定 if 条件已经过检查和验证，因为另一行：

sym.getComposition().getStage().$("corpus_txt").html("Test");

产生预期结果。

我有一个解决方法，它使用时间轴和标签，但坦率地说是非常不切实际的。

只是为了清理事物，我知道创建该功能在同一个地方下面调用它是没有意义的。＆＃34;地点＆＃34;而且只有一次。如果只是＆＃34; if＆＃34;结果将是相同的。部分在那里。计划是使功能全局化，并从那些＆＃34;地点＆＃34;。

中调用它

感谢所有愿意帮助像我这样的新手的人，希望这些答案能够帮助其他人。