HTML5
CSS3
JQery

formがjqueryとバッティングして動作しなかった事例

More than 1 year has passed since last update.

事態

Jqueryで生成したモーダルウインドウをFormの送信確認に代用していた時に、モーダルのFormが反応しなかったのでメモ。

原因と対応

<button type="submit" class="sample-class modal-close"

のクラスにモーダルを閉じるためだけに、jsを発火させる用のクラス(.modal-close)を同時に設置していた。
この.modal-closeを削除してあげるとどうせ、CGIやPHP。その他APIに投げて画面遷移するので、modalは関係ないです。

編集後記

formのネストをjavascriptで対応していた時にふと気が付きました。