JavaScript运行时错误:对象不支持属性或方法'jqGrid'

Question

当我从内容页面的maincontent到主页面的标题部分移动到块下面时,我得到异常 - "JavaScript运行时错误:对象不支持属性或方法'jqGrid'".

<link href="../Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" />
<link href="../Content/jquery.jqGrid/jquery-ui-custom.css" rel="stylesheet" />
<script src="../Scripts/jquery-1.9.1.min.js"></script>
<script src="../Scripts/jquery.jqGrid.js"></script>
<script src="../Scripts/i18n/grid.locale-en.js"></script>

它只适用于我将此块放在母版页的尾部.
有人可以帮助我理解为什么它只在我将这个块放在母版页的尾随部分而不是在标题部分中时才有效？我认为这与加载jqGrid的依赖关系和初始化有关,但我需要具体的理解.

Answer 1

你必须等到DOM finishes loading.然后,您可以应用您的脚本.因为,在您的母版页中,您使用的是底部的脚本,因为解析器使用自上而下的方法,所以它会在正文加载完成后执行脚本.

因此,如果您确实要放入head部分,请确保所有脚本都在document.ready()函数内部

此外,要知道将所有脚本放在而不是放在脚本上是最佳做法.bottomheader

这是一个很好的绩效指标.它avoids也是ready功能的用法

希望这可以帮助..