Jquery - 链接外部 .js 文件不起作用

Question

由于某种原因，我链接到的外部 .js 文件无法正常工作。我像这样链接到它：

<script src="jquery.js" type="text/javascript"></script>

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

我已经使用一个简单的内联脚本测试了 jquery，它可以在单击一段文本时隐藏它，这样 jquery 库就会存在并且可以正常工作。

jquery.js 文件与调用它的 index.php 文件位于同一文件夹中。

我做错了什么？

这是我在外部 .js 文件中的代码，目前只是为了测试它是否正常工作（它不是）：

$("document").ready(function(){

    $("p").click(function(){
        $("p").css("color", "red");

    });


});

Answer 1

问题 1

看起来 jquery.js 包含您编写的代码依赖 jQuery。

您需要在尝试使用之前加载 jQuery。

交换<script> 元素的顺序。

---

问题 2

$("document") 将等待 <document> 元素准备好。 HTML没有这样的东西。去掉引号直接传入document 对象。

更好的是，忘记对ready 的显式调用，只需

jQuery(function () { /* your function */ });