modalウィンドウ使用時におけるjavascriptの注意点

モーダルウィンドウ（リンクなどをクリックしたら立ち上がるボックス？）でhtmlあるいはphpファイルを呼び出すようなサイトを構築していたときにハマったのでメモ。

index.phpからモーダルウィンドウに表示するファイルとしてmodal.phpを呼び出すとする。index.phpではindex.js,modal.phpではmodal.jsを外部呼び出している。

【ハマった状況】
index.php内で操作する状況ではindex.js内の関数は正常に動作する。しかし、一度モーダルウィンドウを立ち上げ、それを消した後index.php内でindex.jsの関数を呼び出しても途中で止まる。

【原因】
index.jsとmodal.jsで同じ関数名を使用していたため、モーダルウィンドウを表示した際に関数名の衝突が起こり、エラーが生じたものと思われる。

【解決方法】
関数名を別のものにする。

モーダルウィンドウで呼び出しているファイルは、index.phpとは関係なくそこで完結するものだと思い込んでいたのが原因。モーダルウィンドウでファイルを呼び出す場合、index.php内にmodal.phpが組み込まれると考えたほうがいいみたい。