单击不在javascript中工作的函数_Javascript_Jquery

单击不在javascript中工作的函数

javascript jquery

单击不在javascript中工作的函数,javascript,jquery,Javascript,Jquery,这个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.j

这个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>

我猜您还没有附加jQuery库——这是在JSFIDLE中自动发生的

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

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

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

有控制台错误吗？是否可能不包括Jquery？如果仍然不起作用，请显示html代码，在声明事件处理程序时检查这个fiddle:jsfiddle.net/JEcDmis DOM中的按钮元素？顺便说一句，如果您在控制台中有错误，最好让我们知道将http添加到您的脚本src:-我假设这不是在web服务器上。@Winston:这两个建议都不是必需的。不，在//No之前添加http:，您需要在此处设置它不会在fiddle中自动发生。。您必须显式地选择jquery。是的，你必须在左边的面板中选择它，但是当你从代码中创建一个页面时，你必须自己这样做-键入附加库的代码。当调用“$”时，控制台中不会有错误吗？@jesus.tesh-为什么会有错误？也许我不清楚-如果你的建议是修复，这意味着OP在应用您的修复之前会出现错误。它在处理本地文件时确实是这样的，所以您是正确的，但是OP声明没有控制台错误。