1

On clicking a Button i want to show a Modal Window.

This is what i have implemented.

<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>

When i click the Button the modal window appears and then vanishes :P

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

The button is at the bottom of the screen to the left sticking as a footer.

4

2 回答 2

3

尝试in从您的模态中删除该类。hideJS 自动在和之间切换in。由于您的按钮设置为切换模式，它会消失，因为它认为它是可见的。

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

于 2012-05-16T12:56:37.237 回答
0

我不确定为什么在没有看到更多源代码的情况下会发生这种情况......但是：将“tinymce”类添加到您的文本区域是导致窗口消失的原因。

tinymce 的某些东西必须与引导程序冲突。

您可能需要手动初始化引导模式窗口或注意 tinymce 是如何初始化自身的。

希望这足以让您走上正确的道路。

于 2012-05-14T08:38:27.757 回答