javascript - 单击功能在javascript中不起作用

Question

这段 Javascript 代码有什么问题？我想不通…………………………………………………… ……………………………………………………………………………………………………………………………………

<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>



</head>
<body>

<script>

$(document).ready(function(){
    $("#my-button").click(function(button){
        $("#my-button").html("Clicked!");
        });
    });

</script>

<button id="my-button">Not clicked</button>

</body>
</html>

score 4 · Accepted Answer

http:在您的 jQuery URL 前面添加。如果您只是在本地打开此页面，它可能正在搜索file://而不是http://. 改成：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

score 1 · Accepted Answer

我猜你没有附加 jQuery 库 - 这在 jsFiddle 中自动发生。

编辑：自动，因为您只需要在 jsFiddle 左侧面板中选择 jQuery 库。

javascript - 单击功能在javascript中不起作用

2 回答 2

Related

Reference