Adobe 贡献 Javascript 脚本错误答案

【问题标题】：Adobe contribute Javascript Script ErrorAdobe 贡献 Javascript 脚本错误
【发布时间】：2014-06-11 20:54:53
【问题描述】：

我的客户使用 Adobe Contribute 来编辑他们的网页。其中一个页面使用基于 JS 的 AllWebMenus。我也在同一页面上使用 jQuery 脚本。

在 Contribute 中编辑页面时显示以下错误：

此页面上的脚本发生错误。

错误：无法获取未定义或空引用的属性“getComputedStyle”。

网址http://www.fountainvalley.org/menus/awmdata/awmlib2.js。

代码：0

不确定是否相关，但页面上的 jQuery 必须为 1.8 才能使我的一个脚本正常运行。

有人对如何解决这个问题有任何想法吗？

【问题讨论】：

【解决方案1】：

我显然不太了解您的项目的性质，但鉴于该方法失败（当它被调用的元素不存在时它会失败），我会假设无论尝试什么在页面上存在菜单的 HTML 部分之前构建菜单。

看起来你有一个创建菜单的调用，它是在菜单的 HTML 之前。我会移动这条线：

<script type="text/javascript">awmBuildMenu();</script>

在您的菜单锚点之后，即：

<div id="topnav"> <span id='awmAnchor-fv-top'>&nbsp;</span> </div>

或者，作为一种好的做法，另一种选择是将它（以及所有 JavaScript 引用和代码）移到 </body> 之前。

最后一个选择是将方法调用保留在原处，但将其包装在 jQuery DOM-ready 处理程序中：

<script type="text/javascript">
    $(function() {
        awmBuildMenu();
    });
</script>

作为记录，我没有看到任何使用 Chrome 浏览网站的错误。

【讨论】：

Cory，您的第一个选项似乎起作用了（有点）。我仍然在 Contribute 中收到一条错误消息，但只有一个错误，而不是我之前收到的 3 或 4 个错误。我的第一行代码直接位于开始正文标记之后，因为这是菜单供应商的建议。但是，将它放在锚标记之后似乎可以正常工作。