Adobe贡献Javascript脚本错误

Question

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

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

此页面上的脚本出现错误。

错误:无法获取未定义或空引用的属性'getComputedStyle'。

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

代码:0

不确定是否相关，但页面上的jQuery必须是1.8我的一个脚本正常工作。

http://fountainvalley.org/government/departments/publicworks/watermeters.php

谁对如何解决这个问题有任何想法?

Answer 1

我显然不太了解您的项目的性质，但考虑到该方法失败的事实(当它被调用的元素不存在时)，我会假设任何试图构建菜单的东西都是在菜单的HTML部分存在于页面之前运行的。

看起来您有一个创建菜单的调用，并且在菜单的HTML之前。我将移动这一行:

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

在菜单的锚点后面，即:

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

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

最后一个选项是将该方法调用留在原处，但将其包装在jQuery dom就绪处理程序中:

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

郑重声明，我没有发现用Chrome浏览器浏览这个网站有任何错误