JavaScript 运行时错误：对象不支持属性或方法“jqGrid”答案

【问题标题】：JavaScript runtime error: Object doesn't support property or method 'jqGrid'JavaScript 运行时错误：对象不支持属性或方法“jqGrid”
【发布时间】：2014-03-17 06:08:15
【问题描述】：

我收到异常 - “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的初始化有关，但是我需要具体理解。

【问题讨论】：

您的jqGrid 调用是否在jQuerys document.ready 函数内？ api.jquery.com/ready
母版页的尾随部分在哪里？

标签： javascript asp.net jqgrid

【解决方案1】：

你必须等到DOM finishes loading。然后你可以应用你的脚本。由于在您的母版页中，您使用的是底部的脚本，因为解析器使用 top down 方法，它会在正文完成加载后执行脚本。

因此，如果您确实想放入 head 部分，请确保您的所有脚本都在 document.ready() 函数中

另外，要知道将所有脚本放在bottom 而不是header 始终是最佳实践。

这是一个良好的绩效指标。还有avoidsready函数的用法

希望这会有所帮助..

【讨论】：

感谢 Avinash，这有帮助！