Bootstrapでモーダルダイアログを使った、ちょっとしたサイトを作成中。どうも動作が変。ダイアログ自体は表示されるが、うまく閉じない。ダイアログの背景をクリックすると正常に閉じるが、
Bootstrapのバージョンの問題だろうかとか、bootstrap.jsを読み込むタイミングだろうかとか、さんざん試してみたけどうまくいかない。
でも、サンプルのコードをコピペするとうまく動作する。
なんか、つまらないタイプミスをしているような気がしてきたけど、目を皿のように比較しても、どこが間違っているのかわからない。
一行づつ、サンプルコードと入れ変えてみて、、、、やっと見つけました。
data-dissmiss -> data-dismiss
Visual studioのインテリセンスで入力したキーワードだったので、全く疑ってませんでした。当然、インテリセンスが警告するわけでもなく、正しいキーワードとしてハイライトされたまま。
便利なものに頼ると、人間、退化していくという教訓でした。
p.s. 試しにググってみると、同じ件で怒ってる人、いました。
http://stackoverflow.com/questions/31669663/i-get-data-dissmiss-instead-of-data-dismiss-as-bootstrap-3-alert-button-attrib
<button type="button" class="close" data-dissmiss="modal" aria-hidden="true">×</button>
Bootstrapのバージョンの問題だろうかとか、bootstrap.jsを読み込むタイミングだろうかとか、さんざん試してみたけどうまくいかない。
でも、サンプルのコードをコピペするとうまく動作する。
なんか、つまらないタイプミスをしているような気がしてきたけど、目を皿のように比較しても、どこが間違っているのかわからない。
一行づつ、サンプルコードと入れ変えてみて、、、、やっと見つけました。
data-dissmiss -> data-dismiss
Visual studioのインテリセンスで入力したキーワードだったので、全く疑ってませんでした。当然、インテリセンスが警告するわけでもなく、正しいキーワードとしてハイライトされたまま。
便利なものに頼ると、人間、退化していくという教訓でした。
p.s. 試しにググってみると、同じ件で怒ってる人、いました。
http://stackoverflow.com/questions/31669663/i-get-data-dissmiss-instead-of-data-dismiss-as-bootstrap-3-alert-button-attrib