BootStrap Javascript模式

Question

好的，所以我尝试对我的网站实施一种模式，但令我沮丧的是，我遇到了一个问题，首先是模式消失了，其次，文本没有显示，也无法点击。 我网站上的模式

            <button type="button" class="btn btn-blue btn-effect" data-toggle="modal" data-target="#myModal">HORRAY!</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

<!-- Modal content-->
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times</button>
    <h4 class="modal-title">Modal Header</h4>
  </div>
  <div class="modal-body">
    <p>Some text in the modal.</p>
  </div>
  <div class="modal-footer">

关闭编辑：我对Javascript还是很陌生，只有5年的中断编辑后才重新开始编码：尝试小提琴后，我猜测这是我的CSS中的问题

Answer 1

如果您的代码是这样的，我相信问题出在数据释放之间。 尽管您的代码可以正常工作

<button type="button" class="btn btn-default" data-          dismiss="modal">Close</button>

http://jsfiddle.net/3kgbG/1637/