jQuery onClick事件

Question

似乎无法使其正常工作。任何帮助都将是极好的。我在使用jQuery方面还有些初学者。

$('#add_button').click(function () {
    $("#add_button").hide();
});

这里是HTML。

<input id='add_button' type='submit' class='add_now' value='' />

看起来很简单，但点击输入框没有反应。有没有针对输入框的不同方法？谢谢。

- Earl Higgins

---

似乎你的表单目前正在提交到同一个页面。假设你不会尝试以这种方式提交表单，你可以使用type='button'而不是submit。 - cwharris

哎呀，这个方法还是没有成功。我把它改成了按钮类型。这不在<form>标签内。这样有什么变化吗？我只是因为后面的处理方式而将其简单地设置为输入。 - Earl Higgins

Answer 1

确保在你的脚本之前引入jQuery：

<script src="http://code.jquery.com/jquery-latest.js"></script>

将您的代码放在文档就绪函数内：

$(document).ready(function () {
    $('#add_button').click(function () {
        $("#add_button").hide();
    });
});

- David Tang

---

你知道吗..我的函数被上面的文档准备好函数封闭了！谢谢，否则我可能不会注意到这个问题。 - Earl Higgins

Answer 2

你应该添加 return false; 来防止浏览器的默认行为。

- SLaks

---

这似乎没有什么区别。你能给我一个例子吗？ - Earl Higgins

Answer 3

在你的函数中返回false。

- Daniel A. White

Answer 4

可能的问题是您的jQuery位于表单之上。尝试将其移动到HTML下方。

- webtech