Question

所以我正在使用名为＆＃34; animation.js＆＃34;

的文件中编写的Javascript代码

 $(document).ready(function() {

        /* Every time the window is scrolled ... */
        $(window).scroll( function(){

            /* Check the location of each desired element */
            $('.hideme').each( function(i){

                var bottom_of_object = $(this).position().top + $(this).outerHeight();
                var bottom_of_window = $(window).scrollTop() + $(window).height();

                /* If the object is completely visible in the window, fade it it */
                if( bottom_of_window > bottom_of_object ){

                    $(this).animate({'opacity':'1'},500);

                }

            }); 

        });

    });

我通过以下方式将其链接到我的HTML

<script type="text/javascript" src="animation.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

现在我的浏览器告诉我＆＃34; $未定义＆＃34;，但如果我使用脚本标记将代码编写到我的html中，一切正常。

有人有想法吗？

Answer 1

您需要在任何依赖它的脚本之前加入jquery.js ：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript" src="animation.js"></script>

Answer 2

尝试在加载animation.js脚本之前加载jQuery。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>    
<script type="text/javascript" src="animation.js"></script>

外部文件中的Javascript不起作用

2 个答案: