如何确保在JQuery完全加载后调用JS代码？

Question

我有一个＆＃34; ReferenceError：$未定义＆＃34;问题。 人们建议在页面完全加载后调用我的JS代码，所以我将页面（标题部分）更改为：

<script src="../PriceScript.js" type="text/javascript"></script>
<script>
$(document).ready(function () 
{
  PriceModBatchAsm('#IDModBatchAsm')   <-------- error here
});
</script>

然而，同样的消息：$未定义。

---

更新：
我想我没有将JQuery加载到我的网页中。该脚本在不同的页面中工作，因为在该页面中，JQuery已经像这样加载：

  <script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

这是加载它的正确方法吗？       

Answer 1

取决于您的使用情况。如果你打算在任何地方使用它，加载它的正确方法是在你的所有页面上处理它的某种母版页。

如果你只是在几页上需要它，你可以只在那些页面上进行。

你也可以使用一些新的（-ish）范例，如捆绑和缩小。

Answer 2

解决。

我为每个我要展示的价格创建了3张小图片，并将图片放入我的网页。当价格变化时，我所要做的就是更新图像。 这种高科技＆＃39; 100％可靠的解决方案花了我大约3分钟。