为什么我得到一个jQuery没有定义错误？

Question

我必须使用外部js文件才能加载jquery.我的js文件中的代码如下:

 document.write('<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>');

    (function($) {
        $(document).ready(function() {
            alert('it works!!');
        });
    })(jQuery);

在firefox firebug控制台中,我看到这个错误:"jQuery未定义",我认为这是因为jQuery库是在我的js文件中的$函数之后加载的.

你有什么想法我怎么解决这个问题？如果我从firebug控制台运行脚本一切正常.

Answer 1

生成的<script>元素将出现在当前脚本元素之后,并且在当前<script>元素的代码完成之后才会执行其中的代码.

您需要在开始<script>尝试使用它之前加载库.

改成:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
    (function($) {
        $(document).ready(function() {
            alert('it works!!');
        });
    })(jQuery);
</script>