有人可以告诉我为什么以下不起作用吗？
<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> <button id="button2">Click Me!</button> <button id="button3">Click Me!</button> <button id="button4">Click Me!</button> <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/