jQuery的。点击功能不是按钮

Question

工作我的代码

$('#resetbtnB').click(function() { 
$('#bgfade').fadeIn('slow'); 
$('#webpopup').fadeIn('slow'); 
}); 

如果“resetbtnB”是诸如段落或图像这样的工作。但是，当'resetbtnB'是输入按钮时它不起作用。

E.g.

工程与

<p id="resetbtnB"> Reset </p> 

不与

<input type="submit" value="Reset" name="resetbtnB" id="resetbtnB"/> 

为什么这个代码不输入按钮工作，我如何可以改变它的工作？

Answer 1

因为type =“submit”也触发器提交事件，因为它在窗体内部，因此它重载了click事件。 因此，无论尝试删除类型 “提交”，并把 “按钮” 这样写

<input type="button" value="something" name="resetbtnB" id="resetbtnB"/> 

或者写jQuery函数.submit

文档：https://api.jquery.com/submit/

演示：https://jsbin.com/morisob/9/edit?html,js,output