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

事態

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

原因と対応

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

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

編集後記

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