jquery - jQuery问题不起作用

Question

我是 jQuery 和学习的新手。由于一些奇怪的原因，以下代码不起作用（我使用的是 Coda2）：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Home Page</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
        $("#click").click(function () {
            $("p").slideToggle("slow");
        });   
    </script>   
</head>

<body>

    <p>Choose Your Language</p>
    <button id="click">Click Me</button>

</body>
    </html>

任何帮助

score 5 · Accepted Answer

用 document.ready 包装

$(document).ready(function () {
    $("#click").click(function () {
        $("p").slideToggle("slow");
    });
});

文档

score 2 · Accepted Answer

如果您从硬盘而不是服务器进行测试，请使用 js 文件的完全限定 URL。也就是说，add http:elsefile:将被前置

等到文档加载完毕后再运行脚本：

$(function () {
    $("#click").click(function () {
        $("p").slideToggle("slow");
    });  
});

score 1 · Accepted Answer

安东说的。或者：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Home Page</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

</head>

<body>

<p>Choose Your Language</p>
<button id="click">Click Me</button>
<script>
    $("#click").click(function () {
        $("p").slideToggle("slow");
    });   
</script>   
</body>
</html>

jquery - jQuery问题不起作用

3 回答 3

Related

Reference