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>

Answer 1

在jQuery网址前添加http:。如果您只是在本地打开此页面，则可能会搜索file://而不是http://。改为：

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

Answer 2

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

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

点击功能无法在javascript中工作

2 个答案: