こちらをもとに書いてみました。
しかし、うまく表示されません。
今の状態は、クリックしていないのに最初からmodalが表示されて固まっています。
ファイルはとりあえず上記サイトからGithub経由でダウンロードしてindex.htmlの</body>前に記しています。全部必要なのかもわかりませんが、、、
<script src="assets/js/jquery.min.js"></script> <script src="assets/js/jquery.scrollex.min.js"></script> <script src="assets/js/jquery.scrolly.min.js"></script> <script src="assets/js/skel.min.js"></script> <script src="assets/js/util.js"></script> <script src="assets/js/main.js"></script> <script src="assets/js/bootstrap-modal.js"></script> <script src="assets/js/bootstrap-transition.js"></script> <script src="assets/js/bootstrap-modalmanager.js"></script>
下記、コードです。
<li> <h3><a href="#myModal" data-toggle="modal"><span class="icon major fa-heart" ></span></a>タイトル</h3> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">モーダルボックス</h3> </div> <div class="modal-body"> <p>モーダルボックスの中身です。</p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">閉じる</button> </div> </div> </li>
うまく状態をお伝えするのが下手できちんとご理解いただけないかもしれませんが、
初心者なものでさっぱりわかりませんのでお手数ですがわかりやすくお教えいただけると非常に助かります。
何卒宜しくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/24 10:43
2015/08/24 11:03
2015/08/30 18:46
2015/08/31 01:06
2015/08/31 02:14