Question

我所拥有的只是一个简单的html页面和一个简单的.js文件。我找不到任何语法错误。 jquery库包含在它应该存在的位置，就像.js文件一样。知道可能出了什么问题吗？

第一块代码是我的html：

<!DOCTYPE html>
<html>
    <head>
    <script src="http://myDomain.com/myInvites.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script src="http://www.parsecdn.com/js/parse-1.2.2.min.js"></script>

    </head>
    <body>
        <div id="mainDiv">

            <p><a href="#">anchor</a></p>

        </div>
    </body>
</html>

这是名为myInvites.js的.js页面：

$(function()
{
    $('#mainDiv').click(function()
    {
        alert("working");

    });//closes click
});//closes function

Answer 1

您的JS文件在jQuery之前加载。如果尚未加载jQuery，则无法使用它。

切换前两个脚本标记的顺序：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://myDomain.com/myInvites.js"></script>

为什么这个非常简单的jquery无法正常工作？

1 个答案: