为什么我的jQuery不起作用?

时间:2013-09-19 22:23:56

标签: javascript jquery

我刚刚完成了关于Codecademy的入门课程,我想在网络项目中使用它,但我似乎无法让它工作。

的test.html

<html>
    <head>
        <title>jQuery</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="test.js"></script>
    </head>
    <body>
        <p style="font-family: verdana;">wfef</p>
    </body>
</html>

test.js

$(document).ready(function() {
    $('p').click(function() {
        $(this).hide();
    };
});

4 个答案:

答案 0 :(得分:3)

使用此:

$(document).ready(function() {
    $('p').click(function() {
       $(this).hide();
    }); // Missed ')' to close click function
});

答案 1 :(得分:3)

您的代码中存在语法错误。你省略了一个右括号。试试这个:

$(document).ready(function() {
  $('p').click(function() {
    $(this).hide();
 });     // added a ) here.
});

答案 2 :(得分:1)

按照其他帖子中的建议更正实际的javascript后,请确保浏览器实际上可以找到您的文件test.js.在chrome中你可以点击ctrl + shift + j并查看控制台是否有错误,并确保你的文件可以找到。它应该与您的其他html文件位于同一目录中。

答案 3 :(得分:-1)

$(document).ready(function() {
    $('p').click(function() {
        $(this).hide();
    }); //Syntax error here! Required a ) brace to close your .click(function () {
});