2016-09-14 11 views
1

のために働いていない私は、コードjQueryの.click機能がボタン

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

「resetbtnBは」は、例えば、段落や画像である場合、これは動作しますがあります。ただし、 'resetbtnB'が入力ボタンの場合は動作しません。

など。

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

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

ない

作品は、なぜ、入力ボタンのために、このコードは動作しませんし、私はそれが動作する方法を変更できますか?

+0

は両方を実行し だから、どちらかの "提出" と "ボタン" は、このよう

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

を書いたり、jqueryの関数を書く置くタイプを削除しようとは

ドキュメントを.submitそれらの要素は同時に存在しますか? –

答えて

2

type = "submit"は、フォーム内にあるときにイベントを送信して、clickイベントをオーバーライドするようにもトリガーします。 https://api.jquery.com/submit/

デモ:https://jsbin.com/morisob/9/edit?html,js,output

+0

ありがとうございます! – KrishCdbry

+0

私はサンプルデモも追加しました。もしあなたが助けてくれれば素晴らしいかもしれません。ありがとう – KrishCdbry

+0

'.submit()'ハンドラを追加することは、そのハンドラが明示的にデフォルトの送信動作をキャンセルしない限り役に立ちません。これは 'type =" submit "ボタンの' .click() 'ハンドラからも行うことができます。 (しかし、ボタンを 'type =" button "'に変更するのは、提出が必要ない場合は最善の解決策です) – nnnnnn

関連する問題