0

ブートストラップを使用してサイトにモーダル ポップアップを実装しようとしています。サイトは部門別なので、基本的にアクセスできる唯一のコードはサイトの本体です (他のすべては、ヘッダー、フッター、およびナビゲーション用の php インクルードにあります) jquery. ブートストラップ ドキュメントのサンプル コードを使用しています。ブートストラップのツールチップとポップオーバーは機能していますが、モーダルが機能しない理由がわかりません。

<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<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">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…&lt;/p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

ボタンをクリックすると、ページの背景が表示されますが、モーダル ダイアログにはナビゲーション バーしかなく (そのためのコードにアクセスできません)、コード内のモーダル ダイアログ (#myModal) は表示されません。全て。何が起こっているのかわかりません。これは私の最初の Web 開発プロジェクトの 1 つです。

フォームの選択後にモーダル ボタンを配置したい

<select class="bootstrap-select" name=display>

    <?php foreach ($digitalSignageDisplays as $display) { ?>

        <option value=<?php echo $display; ?>><?php echo $display; ?></option>

    <?php } ?>

</select>

どんな助けでも大歓迎です。Zインデックスの問題でしょうか？

4

2 に答える 2

0

「modal hide fade」から class hide だけを削除し、 modal-content だけを追加できます。コードを残すことは完璧です。

 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

于 2016-01-07T05:52:40.867 に答える