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>

任何帮助

Answer 1

使用document.ready

包装

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

Documentation

Answer 2

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

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

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

Answer 3

安东说。或者：

<!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问题无效

3 个答案: