1

ボタンをクリックすると、モーダルウィンドウが表示されます。

これは私が実装したものです。

<a class="btn addIdeaBtn" data-toggle="modal" href="#addIdea" >Launch Modal</a> 
<!-- Model Window
    ================================================== --> 
<!-- Placed at the end of the document so the pages load faster -->
<div class="modal hide fade in" id="addIdea">
  <div class="modal-header">
    <button class="close" data-dismiss="modal">×</button>
    <h3>Add Idea</h3>
  </div>
  <div class="modal-body">
    <form action="" method="post">
      <textarea id="addIdeaPopUp" class="tinymce" name="" cols="" rows=""></textarea>
    </form>
  </div>
  <div class="modal-footer"> <a href="home.html" class="btn">Close</a> <a href="home.html" class="btn btn-primary">Add Idea</a> </div>
</div>

ボタンをクリックすると、モーダルウィンドウが表示されてから消えます：P

http://mink7.com/projects/cmrc/idea_exchange.html

ボタンは画面下部の左側にあり、フッターとして貼り付けられています。

4

2 に答える 2

3

inモーダルからクラスを削除してみてください。JSは自動的にhideとを切り替えinます。ボタンはモーダルを切り替えるように設定されているため、表示されていると見なされるため、ボタンは表示されなくなります。

意味：<div class="modal hide fade" id="addIdea">

于 2012-05-16T12:56:37.237 に答える
0

ソースコードが表示されないのになぜそれが起こっているのか正確にはわかりません...しかし：テキスト領域にクラス「tinymce」を追加すると、ウィンドウが消えます。

Tinymceのあるものは、ブートストラップと競合している必要があります。

ブートストラップのモーダルウィンドウを手動で初期化するか、tinymceがそれ自体を初期化する方法に注意する必要がある場合があります。

うまくいけば、これはあなたを正しい道に導くのに十分です。

于 2012-05-14T08:38:27.757 に答える