JQuery无法在js文件中工作

Question

我的html中有以下元素：

<img id="teamshot" onload="load.hide()" src="img/images.jpeg" alt="image">

load.hide引用包含的javascript文件中的函数。这个包含的javascript文件的内容如下：

var load = {
    hide: function()
    {
        alert("pre");
        $("#teamshot").hide();
        alert("post");
    }
}

我知道函数正在运行，因为我得到一个警告框，当元素加载时会显示“pre”，但它会在jquery调用中断。它没有隐藏元素，也没有给我一个带有对话“post”的警告框。

有什么问题？

Answer 1

确保加载jQuery以及加载JavaScript文件的顺序非常重要。您应首先加载jQuery，然后加载自定义的js文件。例如：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="path/to/your/file/custom.js"></script>