jQuery .click函數不適用於按鈕

Question

我有代碼

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

如果“ resetbtnB”例如是段落或圖像，這將起作用。 但是，當“ resetbtnB”是輸入按鈕時，它不起作用。

例如

適用於

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

不配合

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

為什么此代碼對輸入按鈕不起作用，如何更改它才能起作用？

Answer 1

因為type =“ submit”還在窗體內時也會觸發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，輸出