javascript - jQuery 不工作，但 Javascript 可以

Question

我觉得问这个问题真的很愚蠢，但我完全惊讶于为什么我的 Google jQuery api 链接不起作用。我知道我的代码没有损坏，因为它在这里工作:http://jsfiddle.net/jefffabiny/8p46d/

这是我的索引文件中的脚本标签:

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

除此之外，文档类型是 HTML5，我正在本地安装 xampp。我敢打赌我忽略了一些小事；有人看到这里的问题吗？谢谢。

编辑 实际上，在我提交这篇文章后，我在浏览器顶部收到一条警报，说堆栈溢出需要来自外部域的 javascript 才能正常运行，但它被阻止了。我想这是我的问题，但有人知道如何解决这个问题吗？

Answer 1

您是否在 DOM 准备好后执行代码？ jsFiddle 可以!

试试这个:

$(function() {
    $('.test').on("click", function(){
        $(this).css('color', 'blue');
    });​
});