Bootstrap Modal在IE8中不起作用

时间:2015-07-15 20:10:50

标签: javascript twitter-bootstrap modal-dialog

在IE8(和IE7)中单击按钮时,我遇到的问题是没有显示模式。我已经尝试删除像其他帖子中读到的“淡入淡出”类,但它没有帮助。

以下是示例网站的链接,模式按钮位于页脚中:http://69.195.124.91/~howellc1/riverside2/index.html

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">SUBMIT STORY</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">Share Your Story</h4>
      </div>
      <div class="modal-body">
      <form class="contact" name="contact">
        <label class="label col-sm-10" for="name">Name</label><br>
        <input type="text" name="name" class="input-xlarge col-sm-10"><br>
        <label class="label col-sm-10" for="email">E-mail</label><br>
        <input type="email" name="email" class="input-xlarge col-sm-10"><br>
        <label class="label col-sm-10" for="message">Story</label><br>
        <textarea name="message" class="input-xlarge col-sm-12 pb15"></textarea><br>
      </form>
    </div>
    <div class="modal-footer">
      <div id="thanks"></div>
        <input class="btn btn-success" type="submit" value="Send!" id="submit">
      </div>
    </div>
  </div>
</div>

0 个答案:

没有答案