2011-04-17 181 views
8

不能似乎得到这个工作。任何帮助都会很棒。我有点用jQuery的初学者。jQuery onClick事件

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

下面是HTML

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

似乎很简单,但点击输入什么都不做。有针对输入的不同方法吗?谢谢。

+0

看来您的表单目前回复到同一页面。假设你永远不会尝试用这种方式提交表单,你可以使用type ='button'来代替提交。 – 2011-04-17 23:05:16

+0

呵呵,这种方法仍然没有运气。我将它改为按钮类型。这不在

标签内。这会改变什么吗?我简单地将它作为输入,因为它将在稍后处理。 – 2011-04-17 23:18:58

回答

17

确保您的脚本之前包括jQuery的:

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

并把你的代码的文档就绪函数中:

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

两者都已经存在。谢谢! – 2011-04-17 23:21:23

+0

你知道吗..我的功能从上面的文档就绪功能关闭了!谢谢,否则不会注意到这一点。 – 2011-04-17 23:23:07

0

从您的功能返回false

1

您应该添加return false;以防止浏览器的默认操作。

+0

这似乎没有区别。你能告诉我一个例子吗? – 2011-04-17 23:06:08

+0

** [试试这个](http://jsfiddle.net/9J6kd/)** – qwertymk 2011-04-17 23:18:56

0

的问题可能是你的jQuery是上述表单。尝试将它移动到HTML之下。