gpt4 book ai didi

javascript - 页面上有多个按钮 - 不起作用

转载 作者:行者123 更新时间:2023-11-28 12:11:04 25 4
gpt4 key购买 nike

有人可以告诉我为什么以下不起作用吗?

<head>
<script language="javascript" src="/assets/js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$("button").bind("click", function() {
alert("You clicked " + $(this).attr("id"));
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<button id="button1">Click Me!</button>&nbsp;<button id="button2">Click Me!</button>&nbsp;<button id="button3">Click Me!</button>&nbsp;<button id="button4">Click Me!</button>&nbsp;<button id="button5">Click Me!</button>
</body>

当我点击任何按钮时没有任何反应。

戴夫

最佳答案

尝试:

 $(document).ready(function() {
$("button").bind("click", function() {
alert("You clicked " + $(this).attr("id"));
});
});

编辑:正如Alex Sexton所述,当您必须将相同的函数应用于 2 个以上相同类型的元素时,使用 live 而不是 bind 也是更好的选择。
点击链接了解更多信息,感谢他。

关于javascript - 页面上有多个按钮 - 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1596513/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com